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

这是一款可以用于验证字段的插件,比如验证字段是否填写,是否按照一定的规则填写(比如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/

你可能感兴趣的:(前端)