正则验证手机号（vant实例）

最新推荐文章于 2024-09-11 15:14:17 发布

memoryI

最新推荐文章于 2024-09-11 15:14:17 发布

阅读量9.3k

点赞数 9

分类专栏：技术文章标签： vue vant 正则表达式手机号

本文链接：https://blog.csdn.net/memoryI/article/details/106014026

版权

技术专栏收录该内容

59 篇文章 1 订阅

订阅专栏

关键代码

/^1[3456789]\d{9}$/

实例

<template>
        <van-form @submit="onSubmit">
          <van-field
            v-model="phonenumber"
            :rules="[
              { required: true, message: '请填写您的手机号码！' },
              { pattern: /^1[3456789]\d{9}$/, message: '手机号码格式错误！'}
            ]"
            type="tel"
            label="联系方式"
            placeholder="手机号码"
            clearable
          />
         
        </van-form>        
</template>