javascript - 如何在 Angular 表单上设置自定义验证？

Question

我正在尝试在 Angular 应用程序中的输入字段上设置自定义验证。验证不能设置为模式，因为它基于另一个字段的内容(即密码必须匹配)

在这种情况下进行验证的一种方法是检查表单输入上的字段。但是，我希望能够实时检查有效性，并能够使用 .ng-dirty 和 .ng-valid 等 CSS 类，这当 Angular 负责验证时就会出现。

我尝试使用 $scope.formName.inputName.$setValidity(...)，但我在这方面遇到了问题(StackOverflow 问题 here )。

AngularJS 中还有另一种方法来设置自定义验证吗？

Answer 1

如上所述，如果您检查 https://docs.angularjs.org/guide/forms#custom-validation您将看到可以使用指令创建自己的自定义验证，在示例中，只要您输入字符就会进行验证。

如果您使用浏览器检查示例(用户名输入字段)，您将看到类 (ng-not-empty ng-dirty ng-valid-parse ng-touched ng-valid ng-valid-username)即时改变。

如果您有一个表单，将考虑这些类来将 form.$valid 属性更改为 true 或 false。默认情况下，如果 form.$valid 为 false，则无法提交。