我正在参加「掘金·启航计划」
本篇文章将探索正则表达式的功能
在开发一个项目时,表单选项里,多少都会有手机号码以及邮箱选项的输入,那么除了在后端API进行值得有效验证,在前端也会对手机号码和邮箱做验证,减少对服务器得调用
在上一篇文章已经大概了解了什么是正则表达式,可通过下面链接跳转查看
【前端】使用jQuery探索正则表达时,金额验证、纯数字验证等
【正则表达式 - 函数】
| 编号 | 语言或插件 | 函数 | 说明 |
|---|---|---|---|
| 1 | 正则表达式 | test | 正则.test(字符串) 匹配成功,就返回真,否则就返回假 |
| 2 | 正则表达式 | search | 字符串.search(正则) 匹配成功,返回位置下标,否则返回-1 |
| 3 | 正则表达式 | match | 字符串.match(正则);匹配成功,就返回匹配成功的数组,否则就返回null |
| 3 | 正则表达式 | replace | 字符串.replace(正则,新的字符串) 匹配成功的字符去替换新的字符 |
【正则表达式 - 匹配手机号码】
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test('字符串')
1)手机号码的位数,一直没变,都是11位
2)手机号码变得是开头2位,以及开头对应得跟着得数字
3)括号:(),表示一个表达式
4)表达式:13[0-9] 13开头,后面接着一个0 - 9得数字,
5)表达式符号:|,表示或者
13 | 14 | 15,13开头得手机号码,或者15开头得手机号码
6)表达式:\d{8},表示任意0~9的8位数字
【正则表达式 - 邮箱验证】
/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test('123@qq.com')
1)邮箱有个比较明显的标识就是@符号
2)还必须有一个小数点