国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

使用jquery.validate自定義方法實現"手機號碼或者固話至少填寫一個"的邏輯驗證

2024-05-06 16:08:10
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了使用jquery.validate自定義方法實現"手機號碼或者固定電話"的邏輯驗證,解決了手機號碼或者固定電話字至少填寫一個的驗證問題,分享給大家
 
 

最近項目開發中遇到這樣的需求“手機號碼或者固話至少填寫一個”,如下圖所示:

使用jquery.validate自定義方法實現"手機號碼或者固話至少填寫一個"的邏輯驗證

項目采用的jquery.validate.js驗證組件,目前組件不支持這種“或”邏輯的驗證,于是就自己定義一個

jQuery.validator.addMethod("phone", function(value, element) {      var mobile = $("#mobile").val();// 手機號碼      var telephone = $("#telephone").val();// 固定電話      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(mobile) && isEmpty(telephone)) {        //自定義錯誤提示        $("#receivingMobile_tip").addClass("errorHint").text("請填寫固定電話或手機號碼");        return false;      }      var mobilePass = false;      var telephonePass = false;      // 手機填了、固定電話沒填      if (!isEmpty(mobile) && isEmpty(telephone)) {        if (!mobileRule.test(mobile)) {          //自定義錯誤提示          $("#receivingMobilePhone_tip").removeClass("successHint").addClass("errorHint").text("手機號碼格式不對");          return false;        } else {          mobilePass = true;        }      }      // 手機沒填、固定電話填了      if (isEmpty(mobile) && !isEmpty(telephone)) {        if (!telephoneRule.test(telephone)) {          //自定義錯誤提示          $("#receivingTelephone_tip").removeClass("successHint").addClass("errorHint").text("固定電話格式不對");          return false;        } else {          telephonePass = true;        }      }      if (mobilePass || telephonePass) {        //自定義成功提示        $("#receivingTelephone_tip").removeClass("errorHint").addClass("successHint").text('');        return true;      } else {        return false;      }    }, "ignore");

補充isEmpty函數:

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

處理validate的errorPlacement:

errorPlacement : function(error, element) {        //忽略自定義的方法錯誤提示        if (error.text() == "ignore") {          return;        }               }


在rules里面使用

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 陇西县| 东海县| 信丰县| 新沂市| 湛江市| 台南市| 会东县| 政和县| 鹰潭市| 旅游| 潍坊市| 巴彦淖尔市| 淮北市| 武安市| 西乡县| 洛川县| 忻城县| 灌南县| 庐江县| 天津市| 新丰县| 噶尔县| 台中县| 溧水县| 德安县| 夏邑县| 仙桃市| 安西县| 东安县| 周宁县| 五大连池市| 门头沟区| 鹤庆县| 许昌市| 尚义县| 东阳市| 浦北县| 探索| 伊吾县| 滦南县| 高清|