javascript - 清除 angularjs 表单中的错误

Question

我有一个必填表单字段和电子邮件类型。我希望在我的领域失去焦点时进行表单验证，所以我使用:ng-model-options="{ updateOn: 'blur' }"

例子:

<input class="sng-size-input" type="email" required
                            ng-keyup="clearValidation(emailform.email_interface_form,emailform.email_interface_form.fromAddress)"
                            ng-model="emailSelectedValue.fromAddress" name="fromAddress"
                            ng-model-options="{ updateOn: 'blur' }"
                            value="{{emailSelectedValue.fromAddress}}"
                            ng-disabled="!emailSelectedValue.enabled" id="emailFromAddress">
                            <span class="sng_form_error"
                            ng-show="emailform.email_interface_form.fromAddress.$error.email"
                            data-i18n="Not Valid e-mail"> </span> <span
                            class="sng_form_error"
                            ng-show="emailform.email_interface_form.fromAddress.$error.required"
                            data-i18n="Required"></span>

当回到现场并再次开始输入时，我希望我的错误消息消失，所以我正在使用:

$rootScope.clearValidation = function(form,field){ field.$setPristine(true);

};

我在字段上的红色 css 消失了，但错误消息没有。我错过了什么？

我的CSS:

.form-validation .ng-invalid.ng-dirty {
    border-color: #e94b3b;
}

谢谢，

Answer 1

因为那时你的输入有错误并且你的 ng-show 表达式返回 true，你可以使用$setValidity(validationErrorKey, isValid); 将此输入设置回有效以进行更多检查 documentation