正则验证身份证号+vant实例

关注

原创最新推荐文章于 2026-09-30 15:45:12 发布 3.7k 阅读 AI 写同款· GEO 优化 ›

《拉依达的嵌入式\驱动面试宝典》—计算机硬件篇(一) 《拉依达的嵌入式\驱动面试宝典》整合了所有我认为可能遇到的技术面试问题。所有问题及其答案均是我个人学习后查阅资料总结，每个回答都做了仔细的分析，在嵌入式及其驱动面试相关问题解析做到全网独一无二。学习或者转行到嵌入式、驱动开发领域学习的不二之选阅读详情

关键代码

/**
 * 验证身份证号18位
 */

/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ 

/**
 * 验证身份证号15位
 */

/^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$/

vant实例

<template>
  <van-form class="resident" @submit="onSubmit">
    <van-field
      v-model="idcard"
      name="身份证号"
      label="身份证号"
      placeholder="身份证号"
      :rules="[{ required: true, message: '请填写身份证号' },{validator, message: '身份证号码格式错误！'}]"
    />
  </van-form>
</template>

<script>
export default {
  data () {
    return {
       idcard: ''      
    }
  }
  methods: {
    /**
     * 身份证验证
     */
    validator (val) {
      const card15 = /^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$/
      const card18 = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
      return card15.test(val) || card18.test(val)
    }
  }
}
</script>

收录于