jQuery.validator 验证规则详解

<label>邮箱：</label>
<input class="required email" type="text" name="email">

required: // 必填
email: // 邮箱地址
url: // url地址
date: // 日期
dateISO: // ISO格式的日期(2014/08/27 或 2014-08-27)
number: // 数字(负数，正数，小数，整数)
digits: // 正整数
creditcard: // 信用卡

<label for="userName">用户名：</label>
<input name="userName" id="userName" required remote="ajax requestUrl"><label for="password1">密码：</label>
<input type="password" name="password1" id="password1" required rangelength="6,12"><label for="password2">请再次输入密码：</label>
<input type="password" name="password2" id="password2" required equalTo="#password1">

required: // 必填
email: // 邮箱地址
url: // url地址
date: // 日期
dateISO: // ISO格式的日期(2014/08/27 或 2014-08-27)
number: // 数字(负数，正数，小数，整数)
digits: // 正整数
creditcard: // 信用卡// 注意，在元素上将规则作为元素的属性，除了 required ，以上规则都需要赋值，如：<input type="text" id="email" name="email" email="true">minlength: // 输入字符最小长度(中文算一个字符)
maxlength: // 输入字符最大长度(中文算一个字符)
rangelength: // 输入字符最小，最大长度(中文算一个字符)
min: // 数值最小值
max: // 数值最大值
range: // 数值最小，最大值
equalTo: // 再次输入相同的值
remote: // 发送ajax请求验证(常用案例就是在注册时，验证用户名是否存在)，
// 注：请求返回的 response === true || response === 'true'，才算验证通过，这需要后端的配合

<input type="password" name="password1" id="password1" required rangelength="6,12">
<input type="password" name="password1" id="password1" required="" rangelength="6, 12">
<input type="password" name="password1" id="password1" required rangelength="6 12">
<input type="password" name="password1" id="password1" required="true" rangelength="[6,12]">

<input type="url" name="url" required>
<input type="number" name="number" required>
<input type="email" name="email" required>

<input type="text" name="userName">

$('[name="userName"]').data({
'ruleRequired': true,
'ruleRangelength': [4, 10],
'ruleRemote': 'ajax requestUrl'
});

<input type="text" name="userName" data-ruleRequired="true" data-ruleRangelength="4,10" data-ruleRemote="">

<form id="validForm">
<input type="text" name="userName">
<input type="text" name="email"> <input type="submit" value="提交">
</form>

$('#validForm').validate({
// 每一个name值对应一组规则
userName: {
required: true,
rangelength: [4,10],
remote: '' // ajax请求地址
},
email: {
required: true,
email: true
}
});

$.validator.addMethod('mobile', function( value, element ){ // /^1\d{10}$/ 来自支付宝的正则
return this.optional( element ) || /^1\d{10}$/.test( value );}, '请输入正确的手机号码');