必填字段驗證不隱藏

Question

AngularJs表單位於下方。

<form ng-submit="doForgotPassword();" novalidate name='forgotPasswordForm'> 

    <input type="email" name="EmailAddress" ng-model="credentials.EmailAddress" 
                     ng-required="true"/> 
    <span ng-show="forgotPasswordForm.EmailAddress.$invalid" class="help-block"> 
     Invalid email 
    </span> 
    <span ng-show="forgotPasswordForm.EmailAddress.$error.email" class="help-block"> 
     Email is required 
    </span> 

    <button type="submit" ng-disabled="forgotPasswordForm.$invalid"> 
     Forgot Password 
    </button> 
</form> 

問題是：當我開始輸入一個電子郵件地址，如果它是無效的....我仍然可以看到所需的電子郵件地址驗證與有效的電子郵件地址。

在下面的截圖中，我們可以看到輸入的電子郵件，但仍然需要驗證才能看到。

可否請您建議正確的代碼？

Answer 1

使用$errorrequired屬性：

<span ng-show="forgotPasswordForm.EmailAddress.$error.required" class="help-block"> 
    Email is required 
</span>