Bootstrap

vue3+ts纯前端校验身份证号码是否真实+必填校验

vue3+ts纯前端校验身份证号码是否真实存在+必填校验

//form表单绑定rules校验

<u-form ref="formRef" :model="form" :rules="rules">
               <u-form-item label="身份证件号码:" required prop="certificateNumber">
                        <u-input v-model="form.certificateNumber" placeholder="请输入身份证号" />
                    </u-form-item>

</u-form>

//rules校验规则  
 const rules = reactive({
        certificateNo: [{ required: true, message: '请输入身份证号码', trigger: ['blur'] }, {
            validator: (rule, value, callback) => {
                // 在这里确保传递了证件号码作为参数给 visitCertCodetip 方法
                const isValid = visitCertCodetip(value); // 确保 value 是证件号码
                if (!isValid) {
                    callback(new Error('请输入正确的身份证号'));
                } else {
                    callback();
                }
            },
            trigger: 'blur'
        }],
    })

    //身份证号码校验
    const visitCertCodetip = (code : any) => {
        //身份证号前两位代表区域
        const 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: '国外 '
        }
        //身份证格式正则表达式
        const idCardReg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i
        //如果身份证不满足格式正则表达式
        if (!code || !idCardReg.test(code)) {
            return false
        }

        //区域数组中不包含需验证的身份证前两位
        else if (!city[code.substr(0, 2)]) {
            return false
        } else {
            //18位身份证需要验证最后一位校验位
            if (code.length == 18) {
                code = code.split('')
                //∑(ai×Wi)(mod 11)
                //加权因子
                const factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
                //校验位
                const parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2]
                let sum = 0
                let ai = 0
                let wi = 0
                for (let 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]) {
                    return false
                }
            }
        }
        return true
    }

//为空校验//号码长度正确但此身份证号码不存在

;