Ant Design Vue 表单验证手机号的正则

 代码: pattern: /^1[3456789]\d{9}$/

1.

 <a-form-item label="原手机号"   v-bind="validateInfos.contactTel">
          <a-input
            style="width: 600px"
            allow-clear
            :maxlength="20"
            placeholder="请输入原手机号"
            v-model:value="form.contactTel"
          />
        </a-form-item>
      </a-col>

2.

const rules = reactive({
  contactTel: [
    {
      required: true,
      message: '请输入正确的原手机号',
      type: 'string',
      pattern: /^1[3456789]\d{9}$/,
      trigger: 'blur'
    }
  ],
  iphone: [
    {
      required: true,
      message: '请输入正确的现手机号',
      type: 'string',
      pattern: /^1[3456789]\d{9}$/,
      trigger: 'blur'
    }
  ]
});

相关推荐

  1. 前端手机验证

    2024-04-11 15:58:01       8 阅读
  2. jQuery 表达式 验证

    2024-04-11 15:58:01       29 阅读
  3. 【python】匹配国内手机

    2024-04-11 15:58:01       7 阅读
  4. 校验几种场景

    2024-04-11 15:58:01       13 阅读
  5. 手机号码表达式

    2024-04-11 15:58:01       8 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-11 15:58:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-11 15:58:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-11 15:58:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-11 15:58:01       20 阅读

热门阅读

  1. 使用/api/put保存数据到OpenTSDB,报204错误

    2024-04-11 15:58:01       13 阅读
  2. Leetcode【双指针法】

    2024-04-11 15:58:01       15 阅读
  3. C语言面试指针辨析

    2024-04-11 15:58:01       23 阅读
  4. 软件测试的八大原则和软件测试分类

    2024-04-11 15:58:01       11 阅读
  5. 高效学习:从最适合自己的地方学习

    2024-04-11 15:58:01       14 阅读
  6. Python的魔法书:揭秘编程的基本咒语

    2024-04-11 15:58:01       12 阅读
  7. starrocks的fe节点启动不起来的解决办法

    2024-04-11 15:58:01       15 阅读
  8. 蓝桥杯练习题 —— 十六进制转八进制(python)

    2024-04-11 15:58:01       13 阅读
  9. 【如何应用OpenCV对图像进行二值化】

    2024-04-11 15:58:01       14 阅读
  10. SpringBoot整合RabbitMQ

    2024-04-11 15:58:01       14 阅读
  11. 计算机专业考研考哪些专业课

    2024-04-11 15:58:01       13 阅读