个人使用https://regex101.com/这个比较多一些,大家可以使用。
基础用法
#限定符(Quantlfier)
a* a出现0次或者多次
a+ a出现1次或者多次
a? a出现0次或者1次
a{6} a出现6次
a{2,6} a出现2-6次
a{2,} a出现2次以上
#或运算符
(a|b)匹配a或者b
(ab)|(cd)匹配ab或者cd
#字符类(character Classes)
[abc] 匹配a或者b或者c
[a-z] 匹配小写字母
[^0-9] 匹配非数字字符
[a-fA-F0-9]匹配大小写字母和数字
#元字符(meta-characters)
\d 匹配数字字符
\D 匹配非数字字符
\w 匹配单词字符(英文、数字、下划线)
\W 匹配非单词字符
\s 匹配空白符(包括换行符、tab)
\S 匹配非空白字符
. 匹配任意字符(换行符除外)
\bword\b \b标注字符的边界(全字匹配)
^ 匹配行首
$ 匹配行尾
#贪婪/懒惰匹配(Greedy|Lay|Match)
<.+>默认贪婪匹配“任意字符”
<.+?>懒惰匹配“任意字符”
一些工作常用案例
01.关于金额的校验。
1.描述。
在输入金额的时候我们需要对于金额进行校验。
2.代码实现
amount: [
{ required: true, message: '结算单金额不能为空', trigger: 'blur' },
{
pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
message: '请输入正确的金额格式,可保留两位小数',
trigger: 'blur'
}
],
3.代码解释
(^1-9?(.[0-9]{1,2})?$):匹配以1-9开头的数字,后面跟着0-9个数字,再加上一个小数点,小数点后面最多有2个数字的数字串。
(^(0){1}$):匹配只有0的数字串。
(^[0-9].0-9?$):匹配以0-9开头的数字,后面跟着一个小数点,小数点后面最多有1个数字,再加上0-9个数字的数字串。
这个正则表达式可以用来验证一个字符串是否是一个合法的数字串,例如"12.34"、"0.01"、"0"等。
02.账号为数字类型不能超过32位。
1.描述。
在输入某些场景下需要对账号进行匹配
2.代码实现
guarntrAcctNo: [{ required: true, message: '请输入保证人账号', trigger: 'change' },
{ pattern: /^\d{0,32}$/, message: '请输入不超过32位的数字', trigger: 'change' }
],
3.代码解释
不超过32位的数字
03.必须输入12位数字。
1.描述。
在输入某些场景下需要对输入的数字匹配为12位数字
2.代码实现
guarntrBankNo: [{ required: true, message: '请输入保证人开户行', trigger: 'change' },
{ pattern: /^\d{12}$/, message: '请输入12位的数字', trigger: 'change' }
],
3.代码解释
必须为12位的数字
04.必须输入11位的手机号。
1.描述。
登录使用手机号,用正则来匹配手机号
2.代码实现
phone: [
{ required: true, message: '请输入手机号码', trigger: 'blur' },
{
pattern: /^1[3|4|5|7|8|9]\d{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur'
}
],
3.代码解释
第一位为1,第二位为3或4或5或7或8或9
05.匹配除中文、日文和英文字符以外的其他所有字符。
1.描述。
匹配除中文、日文和英文字符以外的其他所有字符
2.代码实现
[^\u4E00-\u9FA5A-Za-z0-9]
3.代码解释
这个正则表达式表示匹配除中文、日文和英文字符以外的其他所有字符。具体来说,它包含以下字符集:
^ 匹配字符串的开头
[\u4E00-\u9FA5A-Za-z0-9] 匹配所有中文、日文和英文字符和数字
$ 匹配字符串的结尾
因此,[^\u4E00-\u9FA5A-Za-z0-9] 表示匹配除中文、日文和英文字符以外的其他所有字符
06.银行账号匹配。
1.描述。
请查收
银行账号规则,“只能输入数字、字母、-和*,最多35个字符”
2.代码实现
/^[a-zA-Z0-9\-\*]{1,35}$/
3.代码解释
这个正则表达式的含义是:
^表示匹配字符串的开头
[a-zA-Z0-9\-\*]表示匹配字母、数字、破折号和星号
{1,35}表示匹配1到35个字符
$表示匹配字符串的结尾
你可以将这个正则表达式应用于输入框的pattern属性中,以限制用户只能输入符合要求的字符串。例如:
<input type="text" pattern="^[a-zA-Z0-9\-\*]{1,35}$" />
07.中文字符。
1.描述。
用于匹配中文字符。具体来说,它表示匹配一个或多个中文字符,包括中文汉字、中文拼音、中文笔画等。
2.代码实现
/[\u4e00-\u9fa5]+/