jquery-validate插件之resetForm方法清除历史错误提示信息

xiaoxiao2021-02-28  59

这是一款可以用于验证字段的插件,比如验证字段是否填写,是否按照一定的规则填写(比如email、手机号等),使用如下所示:

    var validator= $("#fstudentForm").validate({        errorElement: 'div',        errorClass: 'help-block',        focusInvalid: false,        ignore: "",        onkeyup:false,        onclick:false,        onfocusout:false, rules:{ age:"required"   --这里出现的字段都是输入标签(input textarea等)的名字 }, messages:{ followRecord:"请填写年龄" },        highlight: function (e) {            $(e).closest('.validate_item').removeClass('has-info').addClass('has-error');        },        success: function (e) {            $(e).closest('.validate_item').removeClass('has-error');            $(e).remove();        },        errorPlacement: function (error, element) {            error.insertAfter(element);        },        submitHandler: function (form) {        },        invalidHandler: function (form) {        }    });

有时我们再次打开这个界面(不刷新页面的情况,比如一个对话框),如何清除上次的错误提示信息呢,resetForm这个函数就发挥作用了,只要在打开页面时调用resetForm方法就可以清除历史错误信息。

validator.resetForm();

参考文章:https://jqueryvalidation.org/documentation/

转载请注明原文地址: https://www.6miu.com/read-71958.html

最新回复(0)