当前位置: 首页 > news >正文

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

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

1.

 <a-form-item label="原手机号"   v-bind="validateInfos.contactTel"><a-inputstyle="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'}]
});

相关文章:

  • c#编程基础学习之方法
  • maven: 标签总结
  • 雄安建博会:中矿雄安新区的总部开工建设
  • Windows下docker-compose部署DolphinScheduler
  • 【原创】springboot+vue校园疫情防控管理系统设计与实现
  • 终极数据传输隐秘通道
  • 【鸿蒙开发】组件状态管理@Prop,@Link,@Provide,@Consume,@Observed,@ObjectLink
  • openssl3.2 - exp - zlib
  • 三种常见webshell工具的流量特征分析
  • Web前端—属性描述符
  • mySql数据库学习002-表数据查询操作
  • three.js尝试渲染gbl模型成功!(三)
  • unable to find a medium containing a live file system解决办法!
  • c++的学习之路:22、多态(1)
  • 【MATLAB源码-第184期】基于matlab的FNN预测人民币美元汇率 输出预测图误差图RMSE R2 MAE MBE等指标
  • __proto__ 和 prototype的关系
  • 【译】理解JavaScript:new 关键字
  • 07.Android之多媒体问题
  • 5、React组件事件详解
  • 5分钟即可掌握的前端高效利器:JavaScript 策略模式
  • CoolViewPager:即刻刷新,自定义边缘效果颜色,双向自动循环,内置垂直切换效果,想要的都在这里...
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • PHP 小技巧
  • Python爬虫--- 1.3 BS4库的解析器
  • select2 取值 遍历 设置默认值
  • SpiderData 2019年2月13日 DApp数据排行榜
  • spring-boot List转Page
  • SQLServer之索引简介
  • Vue2.x学习三:事件处理生命周期钩子
  • vue总结
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 力扣(LeetCode)21
  • 聊聊flink的TableFactory
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • 漂亮刷新控件-iOS
  • 入职第二天:使用koa搭建node server是种怎样的体验
  • 深入浅出Node.js
  • 想写好前端,先练好内功
  • 原生JS动态加载JS、CSS文件及代码脚本
  • TPG领衔财团投资轻奢珠宝品牌APM Monaco
  • 树莓派用上kodexplorer也能玩成私有网盘
  • 专访Pony.ai 楼天城:自动驾驶已经走过了“从0到1”,“规模”是行业的分水岭| 自动驾驶这十年 ...
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (145)光线追踪距离场柔和阴影
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (9)YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (亲测)设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • (十三)Flask之特殊装饰器详解
  • (转)shell中括号的特殊用法 linux if多条件判断
  • ***微信公众号支付+微信H5支付+微信扫码支付+小程序支付+APP微信支付解决方案总结...
  • .NET Micro Framework 4.2 beta 源码探析
  • .NET/C# 编译期间能确定的相同字符串,在运行期间是相同的实例
  • .net分布式压力测试工具(Beetle.DT)