防止在輸入數據時發生角度驗證

Question

我有一個帶有電子郵件字段的表單。我想阻止用戶提交，除非電子郵件地址存在且有效。但是，我只希望在切換到電子郵件字段或單擊sumbit時出現這些錯誤。我的「無效電子郵件」消息出現在用戶正在鍵入電子郵件並且在完成輸入有效電子郵件之前保持可見狀態。我怎樣才能防止這種行爲？

 <div ng-show="emailMeForm.Email.$error.required" class="errorMessage"> 
      You must enter an email 
     </div> 

     <div ng-show="emailMeForm.Email.$error.email" class="errorMessage"> 
      Email address invalid 
     </div> 

     <form name="emailMeForm" novalidate=""> 
      Email Address 
      <input ng-model="vm.emailAddress" type="email" name="Email" /> 
      <button ng-click="emailMeForm.$valid">Continue</button> 
     </form> 

Answer 1

必須有足夠的：

ng-show="emailMeForm.Email.$touched && emailMeForm.Email.$error.required"