AngularJs(表单验证初级)
- 页面监控
<html ng-app>
//监控的区域<div ng-controller="RegController"></div>
ReController名字随你取; - 导入Angularjs文件
- 关键字
- ng-show
- 用作布尔值
- 判断表达式
ng-show="aminal == 'cat'"
- 函数
ng-show="isEven(myNumber)"
$scope.isEven = function(value) {
if (value % 2 == 0)
return true;
else
return false;
};
- ng-pattern(正则判断)
<form name="myForm">//必须要有名字,调用 angularjs 的form directive, 并且可以用myForm引用这个 form, 来判断表单是否验证通过。
<div>用户名:<input type="text" name="username" ng-model="username" ng-pattern="/^\w{6,20}$/" required/>
<span ng-show="myForm.username.$error.required">用户名必须存在</span>
<span ng-show="myForm.username.$error.pattern">用户名必须6-20位</span>
</div>
<div>密码:<input type="password" name="pwd" /></div>
<div>email:<input type="email" name="email" ng-model="email" required/>
<span ng-show="myForm.email.$error.required">email必须存在</span>
<span ng-show="myForm.email.$error.email">email格式不正确</span>
</div>
<div><input type="button" value="提交" ng-click="validateAll()"/></div>
</form>`