<html>
<head>
????<meta?charset="UTF-8">
????<title>try</title>
</head>
<body>
<h2>驗證實例</h2>
<form?ng-app=""?ng-controller="validateCtrl"?name="myForm"?novalidate>
<p>Username:<br>
<input?type="text"?name="user"?ng-model="user"?required>
<span?style="color:red"?ng-show="myForm.user.$dirty?&&?myForm.user.$invalid">
<span?ng-show="myForm.user.$error.required">Username?is?required.</span>
</span>
</p>
<p>Email:<br>
<input?type="email"?name="email"?ng-model="email"?required>
<span?style="color:red"?ng-show="myForm.email.$dirty?&&?myForm.email.$invalid">
<span?ng-show="myForm.email.$error.required">Email?is?required.</span>
<span?ng-show="myForm.email.$error.email">Invalid?email?address.</span>
</span>
</p>
<p>
<input?type="submit"?ng-disabled="myForm.user.$dirty?&&?myForm.user.$invalid?||??
myForm.email.$dirty?&&?myForm.email.$invalid">
</p>
</form>
<script?src="http://apps.bdimg.com/libs/angular.js/1.2.15/angular.min.js"></script>
<script>
function?validateCtrl($scope)?{
????$scope.user?=?'John?Doe';
????$scope.email?=?'john.doe@gmail.com';
}
</script>
</body>
</html>
1 回答
已采納
李曉健
TA貢獻1036條經(jīng)驗 獲得超461個贊
這是angular內(nèi)置的表單驗證。如果開啟的話，他給表單里的所有需要驗證的對象添加一些驗證屬性，用于判斷驗證結(jié)果。
$error就是驗證結(jié)果的一相關(guān)屬性，可以根據(jù)它里面的一些值去判斷各種驗證規(guī)則的驗證結(jié)果
- 1 回答
- 0 關(guān)注
- 1768 瀏覽
添加回答
舉報
0/150
提交
取消