vue+elementui身份证验证

最新推荐文章于 2025-05-29 15:46:55 发布

原创最新推荐文章于 2025-05-29 15:46:55 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

57 篇文章

订阅专栏

本文详细介绍了一个用于验证中国身份证号码合法性的JavaScript算法。该算法检查身份证的长度和格式，验证身份证对应的地区是否合法，确保出生日期格式正确且真实存在，以及通过身份证号前17位计算校验位来确认整个身份证号的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、js

// 身份证验证
    isCardID (rule, value, callback) {
      console.log(value)
      if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(value)) {
        callback(new Error('你输入的身份证长度或格式错误'))
      }
      //身份证城市
      var aCity = { 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: "国外" };
      if (!aCity[parseInt(value.substr(0, 2))]) {
        callback(new Error('你的身份证地区非法'))
      }

      // 出生日期验证
      var sBirthday = (value.substr(6, 4) + "-" + Number(value.substr(10, 2)) + "-" + Number(value.substr(12, 2))).replace(/-/g, "/"),
        d = new Date(sBirthday)
      if (sBirthday != (d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate())) {
        callback(new Error('身份证上的出生日期非法'))
      }

      // 身份证号码校验
      var sum = 0,
        weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
        codes = "10X98765432"
      for (var i = 0; i < value.length - 1; i++) {
        sum += value[i] * weights[i];
      }
      var last = codes[sum % 11]; //计算出来的最后一位身份证号码
      if (value[value.length - 1] != last) {
        callback(new Error('你输入的身份证号非法'))
      }

      callback()
    }

2、使用

rule: {
        idCard: [{ required: true, message: '身份证不能为空·', trigger: 'blur' },
        { validator: this.isCardID, trigger: 'blur' }]
      },