AngularJs形式的輸入驗證

Question

問題，

不知何故我無法使用AngularJs獲得正確的驗證。 當所需字段不存在或提交錯誤時，我只希望用戶輸入框為紅色。

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

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

請幫忙

Answer 1

在scotch.io上閱讀本教程。 它將向您介紹表單驗證。

如果您希望在單擊提交按鈕時顯示驗證消息，請使用標記。 當您單擊flag時，將flag設置為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>

你甚至可以嘗試這個鏈接

Answer 2

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

將其刪除以在提交時進行工作表單驗證。