vueCli3 身份证正则校验

秒速五厘米 2023-10-03 00:47 28阅读 0赞

/*
     * @Description:身份证校验规则.
     */
    //校验身份证号
    export function isIdentityId(identityId) {
        var patrn = /(^\d{15}$)|(^\d{17}(\d|X|x)$)/;//长度或格式校验
        //地区校验
        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: "国外"
        };
        // 出生日期验证
        var sBirthday = (
                identityId.substr(6, 4) +
                "-" +
                Number(identityId.substr(10, 2)) +
                "-" +
                Number(identityId.substr(12, 2))
            ).replace(/-/g, "/"),
            d = new Date(sBirthday)
        // 身份证号码校验 最后4位  包括最后一位的数字/字母X
        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 < identityId.length - 1; i++) {
            sum += identityId[i] * weights[i];
        }
        var last = codes[sum % 11]; //计算出来的最后一位身份证号码
    
        var errorMsg = '';
        if (identityId === '') {
            errorMsg = "身份证号不能为空"
        } else if (!patrn.exec(identityId)) {
            errorMsg = "你输入的身份证长度或格式错误"
        } else if (!aCity[parseInt(identityId.substr(0, 2))]) {
            errorMsg = "你的身份证地区非法"
        } else if (sBirthday != d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate()) { errorMsg = "身份证上的出生日期非法" } else if (identityId[identityId.length - 1] != last) {
            errorMsg = "你输入的身份证号非法"
        }
        return errorMsg;
    }

vue  
//引进js

import {isIdentityId} from "../../components/common/utils/checkIdCard";
    
    //调用
     let msg=isIdentityId(val);

页面效果  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16 2]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16 3]

[原文：https://blog.csdn.net/LZ15932161597/article/details/107020480/][https_blog.csdn.net_LZ15932161597_article_details_107020480]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/4c3629494a46425290b0bbcbf633deb9.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yaw5aSc57-O,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/c3872fd8051548e58658f2e8fc2d54ed.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yaw5aSc57-O,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/42b7987b769c4f83886186c182713919.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yaw5aSc57-O,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Yaw5aSc57-O_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/dece0e1824f244e1abd7dccb228d381b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Yaw5aSc57-O,size_20,color_FFFFFF,t_70,g_se,x_16
[https_blog.csdn.net_LZ15932161597_article_details_107020480]: https://blog.csdn.net/LZ15932161597/article/details/107020480/