关键代码

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

栗子:

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

正则

 /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/

栗子:

<template><transition name="fade" appear><van-form @submit="onSubmit"><!-- 邮箱 --><van-fieldv-model="email"label="邮箱"placeholder="邮箱"clearable:rules="[{ required: true, message: '请填写您的邮箱!' },{ pattern: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, message: '邮箱格式错误!'}]"/></van-form>        </transition>
</template>

Vant => van-field校验手机号 邮箱校验相关推荐

  1. uniapp校验手机号邮箱之类

    给标签绑定一个@blur="事件": 举半个栗子:再通过正则表达式去写校验规则. // 校验邮箱checkEmail(e) {const email = e.detail.valu ...

  2. 各种正则校验规则:校验用户名正则,校验手机号,校验中文姓名,校验英文姓名,校验数字,校验银行卡,校验身份证号码,校验时间格式,校验 email(邮箱)

    火车车次 /^[GCDZTSPKXLY1-9]\d{1,4}$/ 手机机身码(IMEI) /^\d{15,17}$/ 必须带端口号的网址(或ip) /^((ht|f)tps?:\/\/)?[\w-]+ ...

  3. uniapp uview 框架的form表单,输入校验手机号、校验微信号

    效果 代码实现 <u-form :model="form" ref="form"><u-form-item label-width=" ...

  4. 正则校验手机号和邮箱

    校验手机号正则 校验邮箱正则

  5. js手机号码校验,邮箱校验

    /**  * js手机号码校验.必须以数字开头,除数字外,可含有"-"|(\s{2,}/)  * 搜微信公众号wu7zhi,每天知道一点点.有趣的,打心的,总有你意想不到的.  * ...

  6. php手机座机验证,JS校验手机号 座机 邮箱 微信号

    // 校验手机号 1开头11位数字 function checkMobile(str) { var re = /^1\d{10}$/ if(str.length==0){ $("#mobil ...

  7. html验证座机号码_JS校验手机号 座机 邮箱 微信号详解

    // 校验手机号 1开头11位数字 function checkMobile(str) { var re = /^1\d{10}$/ if(str.length==0){ $("#mobil ...

  8. java正则表达式校验手机号,电话号码,邮箱

    1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非 ...

  9. 泛微移动表单校验手机号跟邮箱

    泛微移动表单校验手机号跟邮箱 var iphoneVal = $f("phone").val();//获取表单字段 var checkIphone = /(\+\d+)?1[345 ...

  10. vue+element项目 手机号、邮箱校验 保姆级教程

    vue+element项目 手机号.邮箱校验 保姆级教程 (包含注意点) 先看案例:在vue+element项目中给表单中的手机号和邮箱做校验 标题先说注意点 prop黄色框框起来的一定要有 废话不多 ...

最新文章

  1. UI设计培训:UI构思创意技巧和方法
  2. 使用 HP 3PAR Peer Persistence 实现 vSphere Metro Storage Cluster (vMSC)
  3. Codeforces Round #343 (Div. 2) A. Far Relative’s Birthday Cake 水题
  4. python函数执行shell_6方法,python中执行shell命令
  5. 一张图学会Xmind创建思维导图【转载】
  6. Unicode中UTF-8与UTF-16编码详解
  7. 2019年新款iPhone高清渲染视频来了 强迫症慎点...
  8. 9 | Spatial-based GNN/convolution模型之GIN
  9. Go接口(Interface)的使用方法
  10. HTML语言的三要素,web前端基础技术三要素HTML、CSS、JavaScript
  11. InnoTek VirtualBox – 很有潜力的OS模拟器
  12. win10下安装SQL2000
  13. c51单片机期末复习个人总结1基础知识
  14. 阿里云服务器申请免费ssl证书
  15. JVM 语言的兴衰 【The Rise and Fall of JVM Languages】
  16. 京东云主机 mysql_京东云所有地域正式支持 MySQL 8.0!
  17. 动态FormBean
  18. 注解的作用 常用注解
  19. 慧据价值 链接未来丨第八届数据技术嘉年华大会全议程呈现
  20. 男神网络红人莫小涛2022生活百度图片大全

热门文章

  1. 分布式系统三大指标:可扩展性、一致性、持久性
  2. 常用的dede标签小总结
  3. dede标签属性(转载)
  4. 家用无线路由器哪个品牌好?程序员分享值得推荐的无线路由器
  5. MongoDB中balancer操作
  6. 强化学习——Modle-free DRL算法
  7. 高中信息技术python练习题_Python基础练习题5
  8. Lessonnbsp;6nbsp;Percynbsp;Bu…
  9. govqq.com/post/12.html,更新30+!这些学校招生简章已公布!
  10. 考研英语常见重要单词