2016-08-30 87 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,那麼你不能提交它。

相關問題