您的位置:首页 > Web前端 > JQuery

jquery validate不使用submit进行校验

2015-04-03 18:01 239 查看
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> }, "请正确填写名称");     
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐