// 字符验证
jQuery.validator.addMethod("userName", function(value, element) {
return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.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" value="m"/><br />
女<input type="radio" value="f" />
</span>
checkbox的验证
最少选择两项
<span>
选项1<input type="checkbox" value="1"
class="{required:true,minlength:2, messages:{required:'必须选择',minlength:'至少选择2项'}}" /><br />
选项2<input type="checkbox" value="2" /><br />
选项3<input type="checkbox" value="3" /><br />
</span>
select的验证
下拉框
<span>
<select>
<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
https://www.jb51.net/article/24079.htm
下一章是API的具体说明
然后整理怎么进一步自定义jQuery.validate以及网上一些常用的验证代码
您可能感兴趣的文章: