必填字段验证不隐藏

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>