AngularJS驗證僅提交

Question

我想在我的AngularJS應用程序中實現一些簡單的表單驗證，但我不希望它在用戶點擊表單提交按鈕之後才顯示任何驗證錯誤。我不希望它在我輸入或甚至退出該字段時進行驗證。

有沒有辦法做到這一點？我需要編寫至少一個自定義驗證器指令，因此需要使用它。

我在AngularJS中發現表單驗證到目前爲止非常困難，很難讓它按照您的要求工作。

Answer 1

你可以做這樣的事情。這裏有一個例子

<form name="form" ng-app> 
    <div class="control-group" ng-class="{true: 'error'}[submitted && form.email.$invalid]"> 
      <label class="control-label" for="email">Your email address</label> 
      <div class="controls"> 
       <input type="email" name="email" ng-model="email" required /> 
       <span class="help-inline" ng-show="submitted && form.email.$error.required">Required</span> 
       <span class="help-inline" ng-show="submitted && form.email.$error.email">Invalid email</span> 
      </div> 
     </div> 

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