使用方法例子
$(function () {
validateRule();
})
function validateRule() {
var icon = "<i class='fa fa-times-circle'></i> ";
$("#registerForm").validate({
rules: {
treeName: {
required: true
},
phonenumber: {
required: true,
isPhone: true
},
username: {
required: true,
minlength: 2,
isUserName: true
},
password: {
required: true,
minlength: 6,
isPwd: true
},
confirmPassword: {
required: true,
equalTo: "[name='password']"
}
},
messages: {
treeName: {
required: icon + "请选择所属地区",
},
phonenumber: {
required: icon + "请输入手机号",
isPhone: icon + "请填写正确的11位手机号"
},
username: {
required: icon + "请输入用户名",
minlength: icon + "用户名不能小于2个字符",
isUserName: icon + "用户名不包含特殊字符且不能以下划线开头和结尾"
},
password: {
required: icon + "请输入密码",
minlength: icon + "密码不能小于6个字符",
isPwd: icon + "密码由6-20位大小字母、数字和特殊字符组成!"
},
confirmPassword: {
required: icon + "请再次输入密码",
equalTo: icon + "两次密码输入不一致"
}
}
})
}
手机号验证
jQuery.validator.addMethod("isPhone", function (value, element) {
var length = value.length;
var phone = /^1[3-9]\d{9}$/;
return this.optional(element) || (length == 11 && phone.test(value));
}, "请填写正确的11位手机号");
校验手机号和固定电话号码
jQuery.validator.addMethod("isPhoneNumber", function(value, element) {
var phoneRegex = /^((\d{3,4}-)?\d{7,8})$|^(1[3-9]\d{9})$/;
return this.optional(element) || phoneRegex.test(value);
}, "请填写正确的联系方式 ");
强密码验证
jQuery.validator.addMethod("isPwd", function (value, element) {
var password = /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])(?=.*[_\W])[0-9A-Za-z_\W]{6,20}$/;
return this.optional(element) || (password.test(value));
}, '密码由6-20位大小字母、数字和特殊字符组成!');
用户名验证
jQuery.validator.addMethod("isUserName", function (value, element) {
var UserName = /^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$/;
return this.optional(element) || (UserName.test(value));
}, '用户名不包含特殊字符且不能以下划线开头和结尾');
姓名校验
jQuery.validator.addMethod("isName",function(value,element){
var name=/^[\u4e00-\u9fa5]{2,6}$/;
return this.optional(element) || (name.test(value));
},"姓名只能用汉字,长度2-4位");
身份证校验
jQuery.validator.addMethod("isIdentity",function(value,element){
var id= /^(\d{15}$|^\d{18}$|^\d{17}(\d|X))$/;
return this.optional(element) || (id.test(value));
},"请输入正确的15或18位身份证号,末尾若为X请大写");