博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue-ANTD 表单输入中自定义校验一些正则表达式规则
阅读量:4142 次
发布时间:2019-05-25

本文共 754 字,大约阅读时间需要 2 分钟。

Vue-ANTD 表单输入中自定义校验一些正则表达式规则

写一个示例:
表单的rules里面添加自定义校验的方法:

{ rules: [  {validator: this.checkPhone} ] }

在下面的method里面添加方法:

checkPhone (rule, value, callback) {      const pwdRegex = new RegExp('^[1-9]\\d{0,11}$')         if (!pwdRegex.test(value)) {        callback(new Error('电话号码输入格式有误'))      }         callback()    },

1.校验输入为电话号码(手机号码)

^((13[0-9])|(14[5,7])|(15[^4,\\D])|(17[0,1,3,6-8])|(18[0-9])|(19[8,9])|(166))[0-9]{8}$

2.校验输入为是否为邮箱

/^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/

3.校验是否全部为数字且有一范围:

^[1-9]\\d{0,11}$ 或者 ^[1-9]\d{0,11}$

4.校验输入包含数字+字母+特殊符号:

^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,20}$

5.校验输入包含字母加数字

其实这三者可以随意组合的
有些两边要加引号,有些不加,都试试吧

'^[A-Za-z0-9]{6,6}$'

6.输入0-10的整数,输入1-999的整数

/^([0-9]|10)$//^(?!0)\d{1,3}$/

后面还会添加更多常用规则

更多规则点击

转载地址:http://iukti.baihongyu.com/

你可能感兴趣的文章
X-code7 beta error: warning: Is a directory
查看>>
Error: An App ID with identifier "*****" is not avaliable. Please enter a different string.
查看>>
iTunes Connect 上传APP报错: Communication error. please use diagnostic mode to check connectivity.
查看>>
3.5 YOLO9000: Better,Faster,Stronger(YOLO9000:更好,更快,更强)
查看>>
iOS菜鸟学习--如何避免两个按钮同时响应
查看>>
How to access the keys in dictionary in object-c
查看>>
iOS菜鸟学习—— NSSortDescriptor的使用
查看>>
hdu 3787 hdoj 3787
查看>>
hdu 3790 hdoj 3790
查看>>
hdu 3789 hdoj 3789
查看>>
hdu 3788 hdoj 3788
查看>>
zju 1003 zoj 1003
查看>>
zju 1004 zoj 1004
查看>>
zju 1005 zoj 1005
查看>>
zju 1006 zoj 1006
查看>>
【虚拟机】虚拟化架构与系统部署(Windows系统安装)
查看>>
字节跳动安卓开发实习生面试分享
查看>>
好书分享之——《能力陷进》
查看>>
阅读笔记《c++ primer》
查看>>
阅读笔记《C++标准程序库》
查看>>