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/
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/
相关文章推荐
- ASP.NET MVC异步验证是如何工作的01,jQuery的验证方式、错误信息提示、validate方法的背后
- jquery.validate提示错误信息位置方法
- jquery.validate提示错误信息位置方法
- (转)jquery formValidator插件ajax验证,在内容不做修改的前提下提示错误的bug解决方法
- Jquery的validate,清除form方法,显示密插件,正则特殊字符处理,js的call用法,ajax,h5支持情况,elclipse tomcate去掉项目名,js 的原型
- jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
- jquery formValidator插件ajax验证,在内容不做修改的前提下提示错误的bug解决方法
- jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示
- jquery formValidator插件ajax验证,在内容不做修改的前提下提示错误的bug解决方法
- Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
- JQuery扩展插件Validate—3通过参数设置错误信息
- JQuery扩展插件Validate―4设置错误提示的样式
- maven-compiler-plugin 插件版本信息错误提示的解决方法
- jquery validate提示错误信息位置修改
- [转] maven-compiler-plugin 插件版本信息错误提示的解决方法
- 修改jQuery.validate验证方法和提示信息
- jQuery Validation Plugin 1.11.1 插件自定义错误信息提示位置
- JQuery扩展插件Validate—4设置错误提示的样式
- 测试使用jq的无alert检测提示form输入内容错误信息方法