必需的字段验证不隐藏

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

使用required的{​​{1}}属性：

$error