您的位置:首页 > Web前端 > JQuery

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

2017-06-08 11:06 1756 查看
这是一款可以用于验证字段的插件,比如验证字段是否填写,是否按照一定的规则填写(比如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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐