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

johnhuster的分享

发布于 2022-03-28 17:54:27

84800

代码可运行

文章被收录于专栏：johnhusterjohnhuster

运行总次数：0

代码可运行

这是一款可以用于验证字段的插件，比如验证字段是否填写，是否按照一定的规则填写（比如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方法就可以清除历史错误信息。