jQuery.validate是jQuery提供的一个强大的表单验证插件. 它提供了一个标准的验证方法库, 包括URL, e-mail, 信用卡帐号等验证. 同时提供了自定义方法的API.
jQuery.validate()验证方法
$(document).ready(function(){
$("#formId").validate({...})
)}
| 名称 |
值类型 |
描述 |
| debug |
boolean |
进行调试模式(表单不提交) |
| rules |
key:value |
表单验证规则 |
| message |
key:value |
验证的提示信息 |
| submitHandler |
function |
验证后运行的函数, 里面要加上提交函数, 否则表单不会提交 |
| invalidHandler |
function |
验证失败时的回调函数 |
| success |
string/function |
通过验证后的动作, 如果是字符串, 会当做一个css样式, 如果是函数, 就执行这个函数 |
| highlight |
function |
给未通过验证的元素加效果 |
| errorPlacement |
function |
自定义错误信息的位置 |
| showErrors |
function |
显示有多少未通过的验证的元素 |
| errorClass |
String |
默认"error", 指定错误提示的css |
| errorElement |
String |
默认"label", 标记错误的标签 |
| onsubmit |
boolean |
默认true, 是否提交时验证 |
| onfocusout |
boolean |
默认true, 是否在获取焦点时验证 |
| onkeyup |
boolean |
默认true, 在敲击键盘时验证 |
| onclick |
boolean |
默认true, 在鼠标点击时验证, 一般是checkbox, radio |
| focusInvalid |
boolean |
默认true, 在提交表单后, 第一个为通过验证的表单会获得焦点 |
默认校验规则
| 规则 |
描述 |
| required:true |
必须输入的字段 |
| remote:"check.do" |
发送ajax请求远程验证 |
| email:true |
必须输入正确的电子邮件 |
| url:true |
必须输入正确的url地址 |
| date:true |
必须输入正确的日期格式 |
| date:true |
必须输入正确的日期格式(iso),只验证格式, 不验证有效性 |
| number:true |
必须输入合法的数字 |
| digits:true |
必须输入整数 |
| creditcard:true |
必须输入合法的信用卡号 |
| equalTo:"#id" |
必须和#id的值相同 |
| accept:".xxx" |
必须输入指定后缀的字符串(上传文件) |
| maxlength:5 |
最大长度是5的字符串(汉字算一个) |
| minlength:5 |
最小长度是5的字符串(汉字算一个) |
| rangelength:[5,10] |
输入长度在5到10之间长度的字符串 |
| range:[5,10] |
输入值介于5和10之间 |
| max:5 |
输入值不能大于5 |
| min:5 |
输入值不能小于5 |
参考资料:https://jqueryvalidation.org/documentation/
