var flag=false;
//失去光标执行验证事件
$(":input").blur(function(){
JqValidate();
});
$(":input").focus(function(){
JqValidate();
});
function JqValidate() {
return $("#submitForm").validate({
rules : {
"store.storeName":{//登录名
required : true,
minlength:2,
maxlength:30,
isName:true
},
"store.phone":{//电话
required : true,
isMobile:true
}
,"store.mainDate":{//营业时间
required : true,
minlength:2,
maxlength:200
}
,"store.storeSampleInfo":{//简介
required : true,
minlength:2,
maxlength:500
}
,"store.address":{//地址
required : true,
minlength:2,
maxlength:100
}
,"store.storeAccount.limitMoney":{//额度
isMoney:true
}
},
//验证结果
messages : {
"store.storeName":{
required : "请填写用户名",
minlength:"用户名不能少于2个字符",
maxlength:"用户名不能超过30个字符",
isName : "用户名必须为数字、字母、下划线及其组合"
},
"store.phone":{//电话
required : "请填写电话",
isMobile:"手机号格式错误"
},"store.mainDate":{//营业时间
required : "营业时间必填",
minlength:"至少2个字符",
maxlength:"最多500个字符"
}
,"store.storeSampleInfo":{//简介
required : "简介必填",
minlength:"至少2个字符",
maxlength:"最多500个字符"
}
,"store.address":{//地址
required : "地址必填",
minlength:"至少2个字符",
maxlength:"最多100个字符"
}
,"store.storeAccount.limitMoney":{//额度
isMoney:"必须为整数"
}
}
}).form();
}
$(function($) {//页面加载完成事件
$("#submitBtn").click(function() {
if(JqValidate()){
$.ajax({
type : "POST",
url : "poobo/store/saveStore.jspx",
data : $("#submitForm").serialize(),
dataType : "json",
success : function(data) {
if (data.flag) {
// 成功
showSuccessMsg("成功", 2);// 提示成功,2秒钟关闭
//加载列表页面
$(".container").load("poobo/store/toStoreList.jspx");
}else{
//失败
showFailureMsg(data.msg, 1);// 提示成功,2秒钟关闭
}
}
});
}
});
///
});
增加校验规则
jQuery.validator.addMethod("isMobile", function(value, element) {
<span style="white-space:pre"> </span> var length = value.length;
<span style="white-space:pre"> </span> var mobile = /^(1+(3|4|5|7|8|9)+\d{9})$/;
<span style="white-space:pre"> </span> return this.optional(element) || (length == 11 && mobile.test(value));
<span style="white-space:pre"> </span> }, "请正确填写您的手机号码");
jQuery.validator.addMethod("isName", function(value, element) {
<span style="white-space:pre"> </span> var name = /^[\u0391-\uFFE5\w]{2,30}$/;
<span style="white-space:pre"> </span> return this.optional(element) || (name.test(value));
<span style="white-space:pre"> </span> }, "请正确填写名称");
jQuery.validator.addMethod("isMoney", function(value, element) {
<span style="white-space:pre"> </span> var reg = /^[0-9]+([.]{1}[0-9]{1,2})?$/;
<span style="white-space:pre"> </span> return this.optional(element) || (reg.test(value));
<span style="white-space:pre"> </span> }, "请正确填写名称");