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 {} 





你可能感兴趣的:(Angular,表单验证)