radio 的 required 表示必须选中一个。

<input type="radio" id="gender_male" value="m" name="gender" class="{required:true}" /> <input type="radio" id="gender_female" value="f" name="gender"/>

checkbox 的 required 表示必须选中。

<input type="checkbox" class="checkbox" id="agree" name="agree" class="{required:true}" />

checkbox 的 minlength 表示必须选中的最小个数，maxlength 表示最大的选中个数，rangelength:[2,3] 表示选中个数区间。

<input type="checkbox" class="checkbox" id="spam_email" value="email" name="spam[]" class="{required:true, minlength:2}" /> <input type="checkbox" class="checkbox" id="spam_phone" value="phone" name="spam[]" /> <input type="checkbox" class="checkbox" id="spam_mail" value="mail" name="spam[]" />

select 的 required 表示选中的 value 不能为空。

<select id="jungle" name="jungle" title="Please select something!" class="{required:true}"> <option value=""></option> <option value="1">Buga</option> <option value="2">Baga</option> <option value="3">Oi</option> </select>

select 的 minlength 表示选中的最小个数（可多选的 select），maxlength 表示最大的选中个数，rangelength:[2,3] 表示选中个数区间。

<select id="fruit" name="fruit" title="Please select at least two fruits" class="{required:true, minlength:2}" multiple="multiple"> <option value="b">Banana</option> <option value="a">Apple</option> <option value="p">Peach</option> <option value="t">Turtle</option> </select> jQuery.validate 中文 API

名称 返回类型 描述

自定义选择器

实用工具

Validator

validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容，下面列出几个常用的方法。

名称 返回类型 描述

Validator 函数

内置验证方式

名称 返回类型 描述

equalTo(other) Boolean 验证两个输入框的内容是否相

转载请注明（B5教程网）原文链接：

导读：jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插...

同。

validate ()的可选项

描述 代码

debug：进行调试模式（表单不提交）。 $(".selector").validate ({ debug:true })

把调试设置为默认。 $.validator.setDefaults({ debug:true })

submitHandler：通过验证后运行的函数，里面要加上表单提交的函数，否则表单不会提交。 $(".selector").validate({ submitHandler:function(form) { $(form).ajaxSubmit(); } })

ignore：对某些元素不进行验证。 $("#myform").validate({ ignore:".ignore" })

rules：自定义规则，key:value 的形式，key 是要验证的元素，value 可以是字符串或对象。 $(".selector").validate({ rules:{ name:"required", email:{ required:true, email:true } } })

messages：自定义的提示信息，key:value 的形式，key 是要验证的元素，value 可以是字符串或函数。 $(".selector").validate({ rules:{ name:"required", email:{ required:true, email:true } }, messages:{ name:"Name不能为空", email:{ required:"E-mail不能为空", email:"E-mail地址不正确" } } })

groups：对一组元素的验证，用一个错误提示，用 errorPlacement 控制把出错信息放在哪里。 $("#myform").validate({ groups:{ username:"fname lname" }, errorPlacement:function(error,element) { if (element.attr("name") == "fname" || element.attr("name") == "lname") error.insertAfter("#lastname"); else error.insertAfter(element); }, debug:true })

Onubmit：类型 Boolean，默认 true，指定是否提交时验证。 $(".selector").validate({ onsubmit:false })

onfocusout：类型 Boolean，默认 true，指定是否在获取焦点时验证。 $(".selector").validate({ onfocusout:false })

onkeyup：类型 Boolean，默认 true，指定是否在敲击键盘时验证。 $(".selector").validate({ onkeyup:false })

onclick：类型 Boolean，默认 true，指定是否在鼠标点击时验证（一般验证 checkbox、radiobox）。 $(".selector").validate({ onclick:false })