身份证相关操作

身份证脱敏

是指在保留身份证的前六位和后四位的情况下，隐藏中间的六位数字。正则表达式是一种文本模式，用来描述和匹配特定的文本。

要用正则表达式来实现身份证脱敏，可以使用以下正则表达式：

身份证脱敏处理：/^(.{6})(?:\d+)(.{4})$/

• 匹配第一个$1 ^(.{6})
• ?: 不作为匹配结果存储
• 匹配第二个$2 (.{4})$

身份证号码 const idCard = "420123199001011234"

const result = idCard.replace(/^(.{6})(?:\d+)(.{4})$/, '\$1********\$2')

console.log(result) // 420123********1234

手机号脱敏

const mobile = '13200000002'

mobile.replace(/^(\d{3})(?:\d{4})(\d{4})$/, '\$1****\$2')//132****0002

 身份证校验

实现：提交的时候校验表单，身份证需要校验格式

需求：

• 点击保存按钮进行校验
  • 身份证非空，身份证格式，性别需要和填写的一致等

身份证验证:

安装包  npm i id-validator --save

在vue3中，由于是比较老的库，没有提供类型，自己定义类型 types/id-validator

declare module 'id-validator' {
  // 默认导出的，class是es6的类语法，对应 es5 的构造函数
  export default class {
    // es6 类中的方法，对应 es5 的原型方法
    isValid(id: tring): boolean
    getInfo(id: tring): {
      sex: number
    }
  }
}

代码中使用

import { Toast } from 'vant'
import Validator from 'id-validator'

const submit = () => {
  if (!idCard) return Toast('请输入身份证号')
  const validate = new Validator()
  if (!validate.isValid(idCard)) return Toast('身份证格式错误')
  const { sex } = validate.getInfo(idCard)
  if (gender !== sex) return Toast('性别和身份证不符')
}