业界动态
VUE 中使用rules的定义和校验规则手机号英文「VUE 中使用rules的定义和校验规则」
2025-02-16 13:15

表单内容里面定义属性:

 



在data()里面写具体的规则:

 



rules:与上文 ‘表单内容’ 中 表单的 :rules 属性值相同
prop:与规则中的name属性相同
验证内容:必填,blur是失去焦点验证,max是最大长度验证(min最小长度

直接用pattern进行匹配验证:

 



前端Vue中常用rules校验规则:

1、是否合法IP地址:

pattern:/^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$/,

2.是否手机号码或者固话
pattern:/^((0d{2,3}-d{7,8})|(1[34578]d{9}))$/,

3. 是否身份证号码
pattern:/(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/,

4.是否邮箱
pattern:/^([a-zA-Z0-9]+[-_.]?)+@[a-zA-Z0-9]+.[a-z]+$/,

5.整数填写
pattern:/^-?[1-9]d*$/,

6.正整数填写
pattern:/^[1-9]d*$/,

7.小写字母
pattern:/^[a-z]+$/,

8.大写字母
pattern:/^[A-Z]+$/,

9.大小写混合
pattern:/^[A-Za-z]+$/,

10.多个8位数字格式(yyyyMMdd)并以逗号隔开
pattern:/^d{8}(,d{8})*$/,

11.数字加英文,不包含特殊字符
pattern:/^[a-zA-Z0-9]+$/,

12.前两位是数字后一位是英文
pattern:/^d{2}[a-zA-Z]+$/,

13.密码校验(6-20位英文字母、数字或者符号(除空格,且字母、数字和标点符号至少包含两种
pattern:/^(?![d]+$)(?![a-zA-Z]+$)(?![^da-zA-Z]+$)([^一-龥s]){6,20}$/,

    以上就是本篇文章【VUE 中使用rules的定义和校验规则手机号英文「VUE 中使用rules的定义和校验规则」】的全部内容了,欢迎阅览 ! 文章地址:http://fabua.ksxb.net/news/8744.html 
     文章      相关文章      动态      同类文章      热门文章      栏目首页      网站地图      返回首页 海之东岸资讯移动站 http://fabua.ksxb.net/mobile/ , 查看更多   
最新文章
Scratch for Windowsscratch手机版下载「Scratch for Windows」
MIT Scratch is a free application designed to help kids learn basic concepts of programming using visual tools. Designed
模块化手机!HMD推出配件可随心定制的手机模块手机「模块化手机!HMD推出配件可随心定制的手机」
朋友们,你是否曾想过拥有一部完全按照自己需求定制的手机?一部可以随意更换配件,适应各种使用场景的设备?今天,我要和你分享
促消费!开封有大动作!
一、延期“开封有礼 惠享全城”消费券促消费活动开封市于2025年3月份在全市范围内围绕零售、餐饮领域共投放了144000张消费券,为
洪璟:“山中腊梅”曹诚英
1902年,农历正月二十六,年刚刚过完,古徽州绩溪县(今属安徽宣城)一个叫作旺川的小村落,年的喜庆还未完全散净,村中富贾曹耆
苹果AI,“输”在起跑线
3月22日,苹果CEO蒂姆·库克现身北京并在社交媒体发文,这是库克2025年首次访华,也是时隔四个月后库克再度访华。本次访华,库克
手机取款代理点-福州市福州手机「手机取款代理点-福州市」
所在省市所在地区代理点名称负责人姓名手机号码固定电话地址 福州市 永泰 永泰县城峰薛家食杂便利店薛克明15859431703永泰县城峰
手机微信聊天记录恢复指南:备份与恢复全攻略手机微信数据恢复「手机微信聊天记录恢复指南:备份与恢复全攻略」
关于手机微信聊天记录怎么恢复的文章大家好,今天我来跟大家分享一个大家都可能遇到的问题——手机微信聊天记录怎么恢复。相信很
tp-link怎么设置ap模式_wifiap怎么设置tplogincn手机登录「tp-link怎么设置ap模式_wifiap怎么设置」
利用AP设备的无线覆盖功能,为传统的电缆局域网提供无线接入扩展。这是给你的一些www.tplogincn.com TP-LINK整理设置AP模式,希