element表单验证中的手机号和身份证验证

最新推荐文章于 2025-03-17 17:58:34 发布

Embrace924

最新推荐文章于 2025-03-17 17:58:34 发布

阅读量2.8w

点赞数 10

分类专栏：前端文章标签：表单正则表达式 element vue input

本文链接：https://blog.youkuaiyun.com/Embrace924/article/details/78247707

版权

前端专栏收录该内容

48 篇文章

订阅专栏

本文介绍了如何使用正则表达式来验证手机号和身份证号的格式。对于手机号，我们使用了一个匹配中国大陆手机号码的标准正则表达式；对于身份证号，我们提供了一个能够验证15位和18位身份证号码的复杂正则表达式。

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

手机号和身份证正则表达式：

             <el-form-item label="电话"
                prop="customerTel">
                <el-input v-model.number="orderMessage.customerTel"></el-input>
              </el-form-item>

            </div>
           
            <el-form-item label="身份证号"
              prop="customerIdCard">
              <el-input v-model="orderMessage.customerIdCard"
                placeholder="请填写证件号码"></el-input>
            </el-form-item>

  customerTel: [
          {
            type: 'number',
            required: true,
            message: '请输入手机号',
            trigger: 'blur'
          },
          {
            pattern: /^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/,
            message: '手机号格式不对',
            trigger: 'blur'
          }
        ],
        customerIdCard: [
          { required: true, message: '请填写证件号码', trigger: 'blur' },
          {
            pattern: /(^[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]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
            message: '证件号码格式有误！',
            trigger: 'blur'
          }
        ],