AngularJS学习之输入验证

1.AngularJS可以验证表单和控件可以验证输入的数据；

2.输入验证：客户端不能确保用户输入数据的安全，所以服务器端的数据验证也是必须的；

3.应用实例：

<! DOCTYPE html>

<html>

<body>

<h2>Validation Example</h2>

　　<input type="text" name="user" ng-model="user" required> //ng-model指令用于绑定输入元素到模型中

　　<span ng-show="myForm.user.$error.required">用户名是必须的</span></span>

</p>

　　<input type="email" name="email" ng-model="email" required> //模型有两个属性：user和email

　　<span ng-show="myForm.email.$error.required">邮箱是必须的。</span>

　　<span ng-show="myForm.email.$error.email">非法的邮箱</span>

　　</span>

</p>

<p>

　　<input type="submit"

　　 ng-disabled="myForm.user.$dirty && myForm.uer.$invalid || myForm.email.$dirty && myForm.email.$invalid">

</p>

</form>

var app=angular.module('myApp',[]);

app.controller('validateCtrl',function($scope){

　　$scope.user='John Doe';

});

</script>

</body>

</html>

4.验证属性：

**$dirty:表单有填写记录；

**$valid:字段内容合法的；

**$invalid：字段内容是非法的；

**$pristine:表单没有填写记录；

巴特西