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>`
609
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
