JQuery验证工具类收集整理,JQuery验证工具

By admin in 4858美高梅 on 2019年8月3日

复制代码 代码如下:

一、写法一

jquery.validate验证表单,本身的js提交数据,重临json

$.metadata.setType(“attr”, “vld”);

$.validator.addMethod(“username”, function(value) {

var p =
/^[0-9a-zA-Z\u4e00-\u9fa5\.\[email protected]_]+$/;

return p.exec(value) ? true : false;

}, “Please enter only letters,digits,chinese and ‘_’,’-‘,’@'”);

 

 

$.metadata.setType(“attr”, “vld”);

$.validator.addMethod(“username”, function(value) {

var p =
/^[0-9a-zA-Z\u4e00-\u9fa5\.\[email protected]_]+$/;

return p.exec(value) ? true : false;

}, “只可以输入字母、数字、中文和’_’,’-‘,’@’符号”);

 

jQuery.validator.addMethod(“isMobile”, function(value,element) {

var length = value.length;

var mobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;

return this.optional(element) || mobile.test(value);

 

}, “请正确填写您的手提式有线电话机号码”);

 

 

jQuery.validator.addMethod(“isTel”, function(value,element) {

var length = value.length;

var tel = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;

return this.optional(element) || tel.test(value);

 

JQuery验证工具类收集整理,JQuery验证工具。}, “请正确填写您的定点电话号码”);

 

jQuery.validator.addMethod(“isPhone”, function(value,element) {

var length = value.length;

var mobile =
/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;

var tel = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;

return this.optional(element) || (tel.test(value) ||
mobile.test(value));

 

}, “请准确填写您的联系电话”);

 

jQuery.validator.addMethod(“isIdCardNo”, function(value,element) {

var length = value.length;

//***正则表明式(二十一位)

var
isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{2}(\d|X|x)$/;

//***正则表达式(贰十一个人)

var
isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}(\d|X|x)$/;

return this.optional(element) || (isIDCard1.test(value) ||
isIDCard2.test(value));

 

}, “请准确填写您的***号码”);

 

jQuery.validator.addMethod(“isZipCode”, function(value,element) {

var length = value.length;

var zipCode = /^[1-9]{1}(\d+){5}$/;

return this.optional(element) || zipCode.test(value);

 

}, “请正确填写您的邮编”);

 

jQuery.validator.addMethod(“isEmail”, function (value, element) {

var mail =
/^[a-z0-9._%-][email protected]([a-z0-9-]+\.)+[a-z]{2,4}$/;

return this.optional(element) || (mail.test(value));

}, “邮箱格式不对”);

 

 

 

 

 

 

 

 

 

  <form class=”form b-mar-b-20″ id=”VipApply_AddForm”
action=”/addVipApply.jspx”>

    <span class=”form-item-name”>用户名<span
class=”c-red”>*</span></span>

    <input  type=”text” class=”input-text” id=”loginName”
name=”loginName” vld=”          
 {required:true,rangelength:[3,20],username:true,messages:{required:’请输入用户
         
 名’,rangelength:’用户名由3到十五人的华语字符、葡萄牙共和国语字母、数字组成’}}”
/>

  </form>

 

$(“#VipApply_AddForm”).validate({

    submitHandler: function(form) {  //通过之后回调

       $.post(“${base}/addVipApply.jspx”,

            $(‘#VipApply_AddForm’).serialize(),

            function(data){

if(data.status==0){

                     alert(“VIP申请已交付,请耐心等待审查批准结果!”);

                 location.href=’${base}/hymsa/’;

}else if(data.status==1) {

                     alert(“验证码错误”);

                     $(“#vipApplyCaptcha”).click();

                }

     
 },’json’);

},

invalidHandler: function(form, validator) {  //不通过回调

    return false;

}

    });

});

 

 

    @RequestMapping(value = “**/addVipApply.jspx”)

    public void addVipApply(VipApplyEntity entity,String captcha,
HttpServletRequest             request,HttpServletResponse response,
ModelMap model) throws JSONException {

            JSONObject json = new JSONObject();

try {

this.vipApplyService.save(entity);

json.put(“status”, 0);

} catch (Exception e) {

json.put(“status”, 1);

e.printStackTrace();

ResponseUtils.renderJson(response, json.toString());

}

$.metadata.setType(attr, vld); $.validator.addMethod(username,
function(value) { var p = /^[0-9a-zA-Z\u4e00-\u9fa…

var Validator = {
// 邮箱
isEmail : function(s) {
var p =
“^[-!#$%&\’*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\4858美高梅 ,’*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\’*+\\./0-9=?A-Z^_`a-z{|}~]+$”;
return this.test(s, p);
},

var Validator = {

// 手提式有线电话机号码
isMobile : function(s) {
return this.test(s, /^(180|189|133|134|153|181)\d{8}$/);
},

// 邮箱
isEmail : function(s) {
var p =
“^[-!#$%&\’*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\’*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\’*+\\./0-9=?A-Z^_`a-z{|}~]+$”;
return this.test(s, p);
},

// 电话号码
isPhone : function(s) {
return this.test(s, /^[0-9]{3,4}\-[0-9]{7,8}$/);
},

// 手提式有线电话机号码
isMobile : function(s) {
return this.test(s,
/^(180|189|133|134|153|181)\d{8}$/);
},

// 邮编
isPostCode : function(s) {
return this.test(s, /^[1-9][0-9]{5}$/);
},

// 电话号码
isPhone : function(s) {
return this.test(s,
/^[0-9]{3,4}\-[0-9]{7,8}$/);
},

// 数字
isNumber : function(s, d) {
return !isNaN(s.nodeType == 1 ? s.value : s)
&& (!d || !this.test(s, ‘^-?[0-9]*\\.[0-9]*$’));
},

// 邮编
isPostCode : function(s) {
return this.test(s,
/^[1-9][0-9]{5}$/);
},

// 判别是或不是为空
isEmpty : function(s) {
return !jQuery.isEmptyObject(s);
},

// 数字
isNumber : function(s, d) {
return !isNaN(s.nodeType == 1 ? s.value
: s)
&& (!d || !this.test(s,
‘^-?[0-9]*\\.[0-9]*$’));
},

// 正则相称
test : function(s, p) {
s = s.nodeType == 1 ? s.value : s;
return new RegExp(p).test(s);
}
};

// 判定是还是不是为空
isEmpty : function(s) {
return !jQuery.isEmptyObject(s);
},

// 正则相称
test : function(s, p) {
s = s.nodeType == 1 ? s.value : s;
return new RegExp(p).test(s);
}

};

调用格局

if(Validator.isEmail(email)){ …
}

 

二、写法二,能够写成jQuery插件方式

$.Validator = {

isEmail : function(s) {

var p =
“^[-!#$%&\’*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\’*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\’*+\\./0-9=?A-Z^_`a-z{|}~]+$”;
return this.test(s, p);
},

isMobile : function(s) {
return this.test(s,
/^(180|189|133|134|153|181)\d{8}$/);
},

isPhone : function(s) {
return this.test(s,
/^[0-9]{3,4}\-[0-9]{7,8}$/);
},

isPostCode : function(s) {
return this.test(s,
/^[1-9][0-9]{5}$/);
},

isNumber : function(s, d) {
return !isNaN(s.nodeType == 1 ? s.value
: s)
&& (!d || !this.test(s,
‘^-?[0-9]*\\.[0-9]*$’));
},

isEmpty : function(s) {
return !jQuery.isEmptyObject(s);
},

test : function(s, p) {
s = s.nodeType == 1 ? s.value : s;
return new RegExp(p).test(s);
}

};

调用格局

if($.Validator.isEmail(email)){ …
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有