项目采用的jquery.validate.js验证组件
分类:彩世界官方下载-Web前端

最近项目开发中遇到这样的需求“手机号码或者固话至少填写一个”,如下图所示:

项目采用的jquery.validate.js验证组件,目前组件不支持这种“或”逻辑的验证,于是就自己定义一个

jQuery.validator.addMethod("phone", function { var mobile = $;// 手机号码 var telephone = $;// 固定电话 var mobileRule = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0-9]|170)d{8}$/; var telephoneRule = /^d{3,4}-?d{7,9}$/; // 都没填 if  && isEmpty { //自定义错误提示 $("#receivingMobile_tip").addClass.text; return false; } var mobilePass = false; var telephonePass = false; // 手机填了、固定电话没填 if  && isEmpty { if (!mobileRule.test { //自定义错误提示 $("#receivingMobilePhone_tip").removeClass.addClass.text; return false; } else { mobilePass = true; } } // 手机没填、固定电话填了 if  && !isEmpty { if (!telephoneRule.test { //自定义错误提示 $("#receivingTelephone_tip").removeClass.addClass.text; return false; } else { telephonePass = true; } } if (mobilePass || telephonePass) { //自定义成功提示 $("#receivingTelephone_tip").removeClass.addClass.text; return true; } else { return false; } }, "ignore");

补充isEmpty函数:

 // 空字符串判断function isEmpty { return v === null || v === undefined || (!allowBlank ? v === "" : false);}

处理validate的errorPlacement:

errorPlacement : function { //忽略自定义的方法错误提示 if  == "ignore") { return; } }

rules : { telephone : { phone : [] }, mobile : { phone : [] } }

本文由彩世界开奖发布于彩世界官方下载-Web前端,转载请注明出处:项目采用的jquery.validate.js验证组件

上一篇:jQuery实现倒计时按钮功能代码分享-Web前端之家 下一篇:在Onload事件中只能这样加载
猜你喜欢
热门排行
精彩图文