angular 表单验证

表单验证：

1. <input type="text" required /> 必填

2. <input type="text" ng-minlength="5" /> 最小长度ng-maxlength最大长度

3. <input type="text" ng-pattern="[a-zA-Z]" /> 正则表达式

4. type="email" 邮箱验证，number数字验证，url 路径

5.$scope.formName.inputFieldName.$pristine //true 未修改过值

6.$scope.formName.inputFieldName.$dirty //true 修改过值

7.$scope.formName.inputFieldName.$valid //true输入框验证通过

8.$scope.formName.$valid //true表单验证通过

9.$invalid //true验证不通过

10.$scope.formName.$error//true验证失败

11.css

            .ng-pristine {} 

            .ng-dirty {} 

            .ng-valid {} 

            .ng-invalid {} 

转载于:https://my.oschina.net/zhenger/blog/370202