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> }, "请正确填写名称");
相关文章推荐
- jQuery.ajaxSubmit异步提交表单并用jQuery.validate进行校验
- 使用Jquery的Validate进行校验
- 使用jquery.validate.min.js插件进行表单验证并自定义校验规则
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介
- 使用jQuery.Validate进行客户端验证(中篇) [2]
- 使用jQuery.Validate进行客户端验证
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-上)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(初级篇)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-上)——不使用微软验证控件的理由
- 使用jQuery.Validate进行客户端验证(中篇) [3]
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介
- [jQuery]使用jQuery.Validate进行客户端验证(初级篇)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介[转载]
- [jQuery]使用jQuery.Validate进行客户端验证(中级篇-下)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(中级篇-上)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(初级篇)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-下)——不使用微软验证控件的理由
- [jQuery]使用jQuery.Validate进行客户端验证(中级篇-上)——不使用微软验证控件的理由
- 使用Jquery进行基本的客户端校验
- 使用JQuery validate插件进行客户端验证