AngularJS表单验证功能

1、AngularJS能够将HTML5表单验证功能同它自己的验证指令结合起来使用，并且非常方便。AngularJS提供了很多表单验证指令。

3、2. 最小长度 ng-minleng="{number}"验证表单输入的文本长度是否大于某个最小值，在输入字段上使用AngularJS指令 ng-minleng="{number}"

5、4. 模式匹配 ng-pattern="/PATTERN/"使用 ng-pattern="/PATTERN/" 来确保输入能够匹配指定的正则表达式：

7、6. 数字验证输入内容是否是数字，将 input 的类型设置为 number ：

9、在表单中控制变量表单的属性可以在其所属的 $scope 对象中访问到，又可以访问 铮喘饿怊$scope 对象，因此JavaScript可以间接地访问DOM中的表单属性。借助这些属佣甲昭宠性，我们可以对表单做出实时(和AngularJS中其他东西一样)响应。这些属性包括下面这些。(注意，可以使用下面的格式访问这些属性。)formName.inputFieldName.property未修改的表单这是一个布尔属性，用来判断用户是否修改了表单。如果未修改，值为 true ，如果修改过值为 falseformName.inputFieldName.$pristine修改过的表单只要用户修改过表单，无论输入是否通过验证，该值都返回 trueformName.inputFieldName.$dirty合法的表单这个布尔型的属性用来判断表单的内容是否合法。如果当前表单内容是合法的，下面属性的值就是 true ：formName.inputFieldName.$valid不合法的表单个布尔属性用来判断表单的内容是否不合法。如果当前表单内容是不合法的，下面属性的值为 true ：formName.inputFieldName.$invalid错误这是AngularJS提供的另外一个非常有用的属性： $error 对象。它包含当前表单的所有验证内容，以及它们是否合法的信息。用下面的语法访问这个属性：formName.inputfieldName.$error$parsers当用户同控制器进行交互，并且 ngModelController 中的 $setViewValue() 方法被调用时，$parsers 数组中的函数会以流水线的形式被逐个调用。第一个 $parse 被调用后，执行结果会传递给第二个 $parse ，以此类推这些函数可以对输入值进行转换，或者通过 $setValidity() 函数设置表单的合法性。使用 $parsers 数组是实现自定义验证的途径之一。例如，想要确保输入值在某两个数值之间，可以在 $parsers 数组中入栈一个新的函数，这个函数会在验证链中被调用。每个 $parser 返回的值都会被传入下一个 $parser 中。当不希望数据模型发生更新时返回undefined 。