輸入驗證在AngularJs形式

Question

問題，

不知怎的，我無法得到與AngularJs驗證正確的。我希望用戶輸入框在必填字段不存在或提交時出錯時顯示爲紅色。

我創建了一個Plunker http://plnkr.co/edit/0ea77wRG3EJC13c22LLn。我創建了一個非常簡單的Plunker，只是爲了理解。

<input type="text" name="email" ng-model="userEmail" required> 

請幫

Answer 1

上scotch.io通過這個教程。它會給你一個表單驗證的介紹。

如果你想驗證郵件會顯示在點擊提交按鈕上使用一個標誌。 當你點擊標誌的標誌設置爲true，並使用均angularJs像下面

<div class="form-group" ng-class="{ 'has-error' : submitClicked && userForm.email.$invalid && !userForm.email.$pristine }"> 

的條件，並設置submitClicked標誌爲true的點擊提交按鈕

<button type="submit" class="btn btn-primary btn-large" ng-click="submitClicked=true">Submit</button> 

，你可以甚至試試這個link

Answer 2

如果novalidate屬性存在於表單標籤中，驗證將不起作用。

將其移除以提交表單驗證。