6: 自定义验证规则
对于复杂的验证，可以通过jQuery.validator.addMethod添加自定义的验证规则
官网提供的additional-methods.js里包含一些常用的验证方式，比如lettersonly，ziprange，nowhitespace等
例子
// 字符验证
jQuery.validator.addMethod(“userName”, function(value, element) {
return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value);
}, “用户名只能包括中文字、英文字母、数字和下划线”);
//然后就可以使用这个规则了
$(“#form1”).validate({
// 验证规则
rules: {
userName: {
required: true,
userName: true,
rangelength: [5,10]
}
},
/* 设置错误信息 */
messages: {
userName: {
required: “请填写用户名”,
rangelength: “用户名必须在5-10个字符之间”
}
},
});
7: radio、checkbox、select的验证方式类似
radio的验证
性别
<span>
男<input type=”radio” id=”gender_male” value=”m” name=”gender” class=”{required:true}”/><br />
女<input type=”radio” id=”gender_female” value=”f” name=”gender” />
</span>
checkbox的验证
最少选择两项
<span>
选项1<input type=”checkbox” id=”check_1″ value=”1″ name=”checkGroup”
class=”{required:true,minlength:2, messages:{required:’必须选择’,minlength:’至少选择2项’}}” /><br />
选项2<input type=”checkbox” id=”check_2″ value=”2″ name=”checkGroup” /><br />
选项3<input type=”checkbox” id=”check_3″ value=”3″ name=”checkGroup” /><br />
</span>
select的验证
下拉框
<span>
<select id=”selectbox” name=”selectbox” class=”{required:true}”>
<option value=””></option>
<option value=”1″>1</option>
<option value=”2″>2</option>
<option value=”3″>3</option>
</select>
</span>
8: Ajax验证
用remote可以进行Ajax验证
remote: {
url: “url”, //url地址
type: “post”, //发送方式
dataType: “json”, //数据格式 data: { //要传递的数据
username: function() {
return $(“#username”).val();
}}
}
补充: jQuery Validation插件remote验证方式的Bug
//www.jb51.net/article/24079.htm
下一章是API的具体说明
然后整理怎么进一步自定义jQuery.validate以及网上一些常用的验证代码
