validate插件结合bootstrap使用

创建jquery.validate.config.js把下面代码复制进去

$("#myform").validate({
	rules : {
		phone : {
        isPhoneOrEmail:true
        }
	},
	messages : {
		phone : {
        isPhoneOrEmail:"请填写正确的手机号码"
        }

	},
});

// 手机号码验证
jQuery.validator.addMethod(“isPhoneOrEmail”, function(value, element) {
var length = value.length;
var checkPhone = /^\s*+?\s*((\s*\d+\s*)|\d+)(\s*-?\s*((\s*\d+\s*)|\s*\d+\s*))\sKaTeX parse error: Expected 'EOF', got '\w' at position 28: …heckEmail = /^(\̲w̲)+(\.\w+)*@(\w)…/i;
return this.optional(element) || (length <14 && checkPhone.test(value)) || checkEmail.test(value);
}, “Enter a valid email address”);

// 手机号码验证
jQuery.validator.addMethod(“isPhone”, function(value, element) {
var length = value.length;
var checkPhone = /^\s*+?\s*((\s*\d+\s*)|\d+)(\s*-?\s*((\s*\d+\s*)|\s*\d+\s*))\s$/;
return this.optional(element) || (length < 14 && checkPhone.test(value));
}, “Enter a valid Phone”);

// 邮箱验证
jQuery.validator.addMethod(“isEmail”, function(value, element) {
var length = value.length;
var checkMail = /^(\w)+(.\w+)@(\w)+((.\w{2,3}){1,3})KaTeX parse error: Expected 'EOF', got '&' at position 56: … (length == 11 &̲& email.test(va…/g; // 区号-3、4位 号码-7、8位
return this.optional(element) || (tel.test(value));
}, “请正确填写您的电话号码。”);
// 匹配密码,以字母开头,长度在6-12之间,必须包含数字和特殊字符。
jQuery.validator.addMethod(“isPwd”, function(value, element) {
var str = value;
if (str.length < 6 || str.length > 18)
return false;
if (!/1/.test(str))
return false;
if (!/[0-9]/.test(str))
return fasle;
return this.optional(element) || /[^A-Za-z0-9]/.test(str);
}, “以字母开头,长度在6-12之间,必须包含数字和特殊字符。”);
//正则验证不允许为空
jQuery.validator.addMethod(“ydescribe”, function(value, element) {
var yd=/^.{1,}KaTeX parse error: Expected 'EOF', got '}' at position 67: ….test(value)); }̲,"Not allowed t…/;//验证不能为空
return this.optional(element) || (yds.test(value));
},“Not allowed to be empty”);
//正则验证时间不允许为空
jQuery.validator.addMethod(“buildYear”, function(value, element) {
var yds=/^([1-9][0-9]
)$/;//验证不能为空
return this.optional(element) || (yds.test(value));
},“Please enter the correct format.”);

//正则验证房子尺寸
jQuery.validator.addMethod(“livingS”, function(value, element) {
var yds=/^([1-9][0-9]*)$/;//房子尺寸不能以0开头
return this.optional(element) || (yds.test(value));
},“Please enter the correct number”);

//正则验证卧室的数量
jQuery.validator.addMethod(“bedsNum”, function(value, element) {
var yds=/^([1-9][0-9]*)$/;//卧室的数量不能以0"开头
return this.optional(element) || (yds.test(value));
},“Please enter the correct number”);

//正则验证浴室的数量
jQuery.validator.addMethod(“bathNum”, function(value, element) {
var yds=/2+(.0|.5)?KaTeX parse error: Expected 'EOF', got '}' at position 76: ….test(value)); }̲,"Please enter …/;//厨房的数量不能以0开头
return this.optional(element) || (kit.test(value));
},“Please enter the correct number”);
//正则验证11位数字
jQuery.validator.addMethod(“moreNumber”, function(value, element) {
var mn=/3{11}KaTeX parse error: Expected 'EOF', got '}' at position 67: ….test(value)); }̲,"Please enter …/;//11位数字,
while (value.indexOf("-")>-1){
value = value.replace("-", “”);
}
return this.optional(element) || (mn.test(value));
},“Please enter the correct format”);

//firstName验证
jQuery.validator.addMethod(“firstName”, function(value, element) {
var oneName=/4{1,30}KaTeX parse error: Expected 'EOF', got '}' at position 75: ….test(value)); }̲,"Pleace enter …/;//姓名字母1-10位
return this.optional(element) || (twoName.test(value));
},“Pleace enter the correct name”);
//LastName验证
jQuery.validator.addMethod(“lastName”, function(value, element) {
var threeName=/5{1,30}KaTeX parse error: Expected 'EOF', got '}' at position 77: ….test(value)); }̲,"Pleace enter …/g; // 区号-3、4位 号码-7、8位
return this.optional(element) || (cell.test(value));
}, “Please enter the correct cellphone number”);
//验证价格不能出现数字以外的任何字母或符号
jQuery.validator.addMethod(“price”, function(value, element) {
alert(222);
var pri = /^(:?(:?\d+.\d+)|(:?\d+))KaTeX parse error: Expected 'EOF', got '}' at position 92: ….test(value)); }̲, "Please enter…/; // 价格首个数字不可以是"0" 不可以出现数字以外的符号,不可以出现小数
return this.optional(element) || (rentalPrice.test(value));
}, “Please enter deposit price”);
//公司的名称验证,不许出现数字
jQuery.validator.addMethod(“escrowCompany”, function(value, element) {
var escrowC = /^([A-Za-z]+\s?)*[A-Za-z]KaTeX parse error: Expected 'EOF', got '}' at position 91: ….test(value)); }̲, "Please enter…/; // 出租的天数只能是1-60天
return this.optional(element) || (transferT.test(value));
}, “Please enter the time of transfer”);

//MLS正则验证
jQuery.validator.addMethod(“mlsReg”, function(value, element) {
var mls=/^\d{5,10}$/;//mls位数没有限制
var length = value.length;
return this.optional(element) || (mls.test(value));
},“Please enter 5-10 digits”);
// 验证Apn是否重复
jQuery.validator.addMethod(“apnCheck”,function(value,element){
while (value.indexOf("-")>-1){
value = value.replace("-", “”);
}
var res;
$.ajax({
type:“POST”,
async:false,
url:window.basePath+"/rent/isExist",
delay : 2000,
data:{type:‘apn’,data:value},
success:function(result){
isExist = result.content.data.isExist;
res = !isExist;
}
});
return res;
},“apn is exist”);
$.validator.setDefaults({
focusInvalid: true,
errorElement : ‘span’,
errorClass : ‘help-block’,
//自定义错误消息放到哪里
errorPlacement : function(error, element) {
element.closest(’.form-group’).append(error);//显示错误消息提示
},
//给未通过验证的元素进行处理
highlight : function(element) {
$(element).closest(’.form-group’).addClass(‘has-error has-feedback’);
},
//验证通过的处理
success : function(element) {
$(element).closest(’.form-group’).removeClass(‘has-error has-feedback’);
}

});


  1. a-zA-Z ↩︎

  2. 0-9 ↩︎

  3. \d ↩︎

  4. A-Za-z ↩︎

  5. A-Za-z ↩︎

猜你喜欢

转载自blog.csdn.net/qq_38847914/article/details/89206293