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