清除angularjs表单中的错误

奥里科科

我有一个必填字段和电子邮件类型。当我失去对领域的关注时,我希望进行表单验证,所以我使用的是: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;
}

谢谢,

Narek Mamikonyan

因为在那时候您的输入有错误并且ng-show表达式返回true,所以您可以使用$setValidity(validationErrorKey, isValid);将该输入设置回有效以获取更多检查文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

清除angularjs表单中的错误

来自分类Dev

如何在angularjs中清除或重置表单中的数据?

来自分类Dev

当模型在AngularJS中更改时,如何清除表单输入?

来自分类Dev

提交angularjs后清除表单

来自分类Dev

AngularJS中的ngMessages验证无法清除CSS中的错误消息

来自分类Dev

没有表单名称时如何在AngularJS中清除表单

来自分类Dev

AngularJS表单未在提交时清除

来自分类Dev

AngularJS | ngAnimate表单错误

来自分类Dev

验证错误时更改/清除表单值

来自分类Dev

清除表单时保存错误(MVC)

来自分类Dev

angularjs-如何从坐在表单外部的外部清除按钮清除表单数据

来自分类Dev

angularjs-如何从坐在表单外部的外部清除按钮清除表单数据

来自分类Dev

AngularJS在验证之前清除错误

来自分类Dev

清除Bootstrap中的表单输入字段?

来自分类Dev

如何清除Silverstripe CMS中的表单输入

来自分类Dev

清除Angular表单提交中的输入字段?

来自分类Dev

IE 11清除表单中的“后退”按钮

来自分类Dev

清除 Xamarin 表单中的所有字段

来自分类Dev

AngularJS中的动态表单

来自分类Dev

AngularJS 6 中的表单

来自分类Dev

如何清除沉默错误是magento 2中的清除错误?

来自分类Dev

提交React表单后,如何清除Bootstrap 4错误?

来自分类Dev

Django表单清除的数据“无法解包的值太多”错误

来自分类Dev

jQGrid-清除验证错误时的添加表单输入字段

来自分类Dev

如何清除Android中Spinner中的错误

来自分类常见问题

如何清除或停止angularjs中的timeInterval?

来自分类Dev

AngularJS:如何清除URL中的查询参数?

来自分类Dev

如何清除AngularJS中的输入字段

来自分类Dev

在angularjs指令中清除DOM节点

Related 相关文章

热门标签

归档