jQuery.validate表单验证

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/