2016-08-30 88 views
0

我想在Angular应用程序中的输入字段上设置自定义验证。验证不能设置为模式,因为它基于另一个字段的内容(例如密码必须匹配)如何在Angular窗体上设置自定义验证?

在这种情况下执行验证的一种方法是检查表单输入中的字段。但是,我希望能够实时检查有效性,并且能够使用CSS类(例如.ng-dirty.ng-valid),这些类在Angular负责验证时提供。

我试过使用$scope.formName.inputName.$setValidity(...),但是我遇到了这方面的问题(StackOverflow问题here)。

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

+0

https://docs.angularjs.org/guide/forms#custom-validation –

回答

1

就好像你检查 https://docs.angularjs.org/guide/forms#custom-validation 您将看到您可以使用指令创建自己的自定义验证,在所提供的验证本例中提到做,只要你输入的字符。

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

如果你有一个表单,这些类将被考虑将表单。$ valid属性更改为true或false。默认情况下,如果form。$ valid是false,那么你不能提交它。

相关问题