elementUI input输入框 身份证格式校验

废话不多说，直接上代码。

导出一个校验方法。严谨身份证号校验方法如下：

export function checkIdcard(idcard) {

   var Errors = new Array(
       "0",
       "身份证号码位数不对!",
       "身份证号码出生日期超出范围或含有非法字符!",
       "身份证号码校验错误!",
       "身份证地区非法!"
   );
  var area = {
    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 idcard, Y, JYM;
var S, M,ereg;
var idcard_array = new Array();
idcard_array = idcard.split("");
 //地区检验
if (area[parseInt(idcard.substr(0, 2))] == null) return Errors[4];
   //身份号码位数及格式检验
   switch (idcard.length) {
      case 15:
        if ((parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0 || ((parseInt(idcard.substr(6, 2)) + 1900) % 100 == 0 && (parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0)) {
             ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/; //测试出生日期的合法性
        } else {
             ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/; //测试出生日期的合法性
        }
        if (ereg.test(idcard)) return Errors[0];
        else return Errors[2];
        break;
      case 18:
      //18位身份号码检测
      //出生日期的合法性检查
      //闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
      //平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
      if (parseInt(idcard.substr(6, 4)) % 4 == 0 || (parseInt(idcard.substr(6, 4)) % 100 == 0 && parseInt(idcard.substr(6, 4)) % 4 == 0)) {
          ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/; //闰年出生日期的合法性正则表达式
      } else {
          ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/; //平年出生日期的合法性正则表达式
      }
      if (ereg.test(idcard)) { //测试出生日期的合法性
          //计算校验位
          S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 + (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 + (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 + (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 + (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 + (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 + (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 + parseInt(idcard_array[7]) * 1 + parseInt(idcard_array[8]) * 6 + parseInt(idcard_array[9]) * 3;
          Y = S % 11;
          M = "F";
          JYM = "10X98765432";
          M = JYM.substr(Y, 1); //判断校验位
          if (M == idcard_array[17]) return Errors[0]; //检测ID的校验位
               else return Errors[3];
          } else return Errors[2];
               break;
               default:
               return Errors[1];
               break;
          }
}

写在一个公共的js里 在当前需要校验的vue文件里引入即可。

根据正确的身份证号码，截取生日。

 getBirthdayFromIdCard(idCard) {  
            var birthday = "";  
            if(idCard != null && idCard != ""){  
                if(idCard.length == 15){  
                    birthday = "19"+idCard.substr(6,6);  
                } else if(idCard.length == 18){  
                    birthday = idCard.substr(6,8);  
                }  
            
                birthday = birthday.replace(/(.{4})(.{2})/,"$1-$2-");  
            }  
            
            return birthday;  
        },

根据正则表达式，简易校验身份证号位数是否正确。

 getCardTypeNumber(rule, value, callback){
            const reg = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
            if(this.activeIndex == '1'){
                if(this.ruleFormCard.docType == '1' && reg.test(value) === false && value){
                    callback(new Error('请输入正确格式的身份证号码'))
                }else {
                    callback()
                }
            }else if(this.activeIndex == '2'){
                if(this.ruleFormWechat.docType == '1' && reg.test(value) === false && value){
                    callback(new Error('请输入正确格式的身份证号码'))
                }else {
                    callback()
                }
            }
        },