js驗證身份證是否合法,vue+element表單驗證

在使用element+vue的時候用到表單的身份證驗證是否合法性,發現這個挺簡單的並沒那麼麻煩,希望對你有幫助

  var validateCard = (rule, value, callback) => {
      if (value === "") {
        callback();
        return;
      } else {           
        if (!this.IdentityCodeValid(value)) {
          callback(new Error("請輸入正確的身份證號碼"));
        } else {
          callback();
        }
      }

//身份證號合法性驗證
//支持15位和18位身份證號
//支持地址編碼、出生日期、校驗位驗證

methods:{
IdentityCodeValid(code) { //驗證身份證合法性
      var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江 ",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北 ",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"雲南",54:"西藏 ",61:"陝西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外 "};
      var tip = "";
      var pass= true;
      
      var patt1=new RegExp("(^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$)|(^[1-9]\\d{5}\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{2}$)");
      if(!code || !patt1.test(code)){
          tip = "身份證號格式錯誤";
          pass = false;
      }
      
      else if(!city[code.substr(0,2)]){
          tip = "地址編碼錯誤";
          pass = false;
      }
      else{
          //18位身份證需要驗證最後一位校驗位
          if(code.length == 18){
              code = code.split('');
              //∑(ai×Wi)(mod 11)
              //加權因子
              var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
              //校驗位
              var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
              var sum = 0;
              var ai = 0;
              var wi = 0;
              for (var i = 0; i < 17; i++)
              {
                  ai = code[i];
                  wi = factor[i];
                  sum += ai * wi;
              }
              var last = parity[sum % 11];
              if(parity[sum % 11] != code[17]){
                  tip = "校驗位錯誤";
                  pass =false;
              }
          }
      }
      if(!pass) 
      this.$message({
          message: tip,
          type: "error",
          duration: 2000
        });;
      return pass;
  }
}

好了,實現了吧,加油!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章