时间:2021-05-26
1: 自定义表单提交
设置submitHandler来自定义表单提交动作
$(".selector").validate({
submitHandler: function(form) { alert("验证通过"); }
});
如果需要提交表单,可以调用
form.submit(); 或者$(form).ajaxSubmit();
2: 调试模式
将debug设置为true,表单不会提交,只进行检查,方便调试
$(".selector").validate({
debug: true
})
3: 设置validate的默认值
使用setDefaults可以设置validate的默认值,比如默认所有表单验证都是在debug模式下进行
$.validator.setDefaults({
debug: true
})
4: 某些元素不验证
设置ignore属性可以忽略某些元素不验证
$(".selector").validate({
ignore: "ignore"
})
5: 验证时机
jquery.validate可以很方便的设置在什么时候触发验证动作
onsubmit: 提交时是否验证
$(".selector").validate({
onsubmit: false
})
onfocusout: 失去焦点时验证(checkboxes/radio除外)
$(".selector").validate({
onfocusout: false
})
onkeyup: 在keyup时验证
$(".selector").validate({
onkeyup: false
})
onclick: 在checkboxes、radio点击时验证.
$(".selector").validate({
onclick: false
})
6: 重写验证规则和验证提示信息
//重写max的的验证提示信息
$.validator.messages.max = jQuery.format("Your totals musn't exceed {0}!");
//重写equal方法
$.validator.methods.equal = function(value, element, param) {
return value == param;
};
7: focusInvalid 是否把焦点聚焦在最后一个动作或者最近的一次出错上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果该属性设置为True, 那么控件获得焦点时,移除出错的class定义,隐藏错误信息,避免和 focusInvalid.一起用。
$(".selector").validate({
focusCleanup: true
})
9: meta
设置meta来封装验证规则
$(".selector").validate({
meta: "validate",
})
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
主要分几部分jquery.validate基本用法jquery.validateAPI说明jquery.validate自定义jquery.validate常见
jQuery.Validate验证库1、下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载默认校验规则复制代
概述:本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案。方式一:是通过jquery.validate的submit
一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证,其使用配置非常简单。支持多事件触发,自带多种验证规则,
下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码:修复jquery.validate插件中name属性相同(如name='a[]