jQuery.validate表单验证
2016-12-15 本文已影响0人
写java的逗比叫z1
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 |
