正则表达式

正则表达式定义的两种方式:

javascript 复制代码
let reg1 = new RegExp('^1[3-9][0-9]{9}$') // new 方式
注意:在字符串中,反斜杠是转义字符,因此需要使用双反斜杠( \\ )来表示一个反斜杠。
let reg2 = /^1[3-9][0-9]{9}$/ // 双斜杠

使用方式:

javascript 复制代码
let reg = /^1[3-9][0-9]{9}$/
// 调用 test 方法,参数为所需验证的数据
console.log(`phone1: ${reg.test(phone)}`); // es6 中的模板语法

特别需求表达式:

ini 复制代码
1. Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

2. 域名:[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?

3. InternetURL:[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$

4. 手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$

5. 电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX):^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$

6. 国内电话号码(0511-4405222、021-87888822):\d{3}-\d{8}|\d{4}-\d{7}

7. 身份证号(15位、18位数字):^\d{15}|\d{18}$

8. 短身份证号码(数字、字母x结尾):^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$

9. 帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

10. 密码(以字母开头,长度在6~18之间,只能包含字母、数字和下划线):^[a-zA-Z]\w{5,17}$

11. 强密码(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间):^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

12. 日期格式:^\d{4}-\d{1,2}-\d{1,2}

13. 一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$

14. 一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$

常见的规则和元字符总结:

1.字符类

规则 描述 示例
abc 匹配方括号内的任意一个字符 匹配 a 、 b 或 c
a-z 匹配一个范围内的任意字符 匹配任意小写字母
A-Z 匹配一个范围内的任意字符 匹配任意大写字母
0-9 匹配一个数字 匹配任意单个数字
a-zA-Z0-9 匹配字母或数字 匹配任意字母或数字
\^abc 匹配方括号内不包含的任意字符 匹配除 a 、 b 、 c 之外的字符

2.预定义字符类

规则 描述 示例
\d 匹配任意数字(等同于 0-9 匹配 123
\D 匹配任意非数字(等同于 [^0-9] 匹配 abc
\w 匹配任意字母、数字或下划线(等同于 a-zA-Z0-9_ 匹配 hello_world
\W 匹配任意非字母、数字或下划线(等同于 [^a-zA-Z0-9_] 匹配 !@#
\s 匹配任意空白字符(空格、制表符、换行符等) 匹配空格或 \n
\S 匹配任意非空白字符 匹配 abc123

3.边界匹配

规则 描述 示例
^ 匹配字符串的开头 ^hello 匹配以 hello 开头的字符串
$ 匹配字符串的结尾 world$ 匹配以 world 结尾的字符串

4.量词

规则 描述
* 匹配前面的字符0次或多次
+ 匹配前面的字符1次或多次
? 匹配前面的字符0次或1次
{n} 匹配前面的字符恰好n次
{n,} 匹配前面的字符至少n次
{n,m} 匹配前面的字符至少n次,最多m次

5.分组与捕获

规则 描述 示例
(pattern) 捕获分组,将匹配的子模式捕获为一个组 (\d{4})-(\d{2})-(\d{2}) 匹配日期并捕获年、月、日
(?:pattern) 非捕获分组,不捕获匹配的内容 (?:\d{4})-\d{2}-\d{2} 匹配日期但不捕获年份

6.断言

规则 描述 示例
(?=pattern) 正向肯定断言,匹配后面紧跟着指定模式的位置 (?=\d{4}) 匹配后面紧跟着4个数字的位置
相关推荐
shawxlee2 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
kyriewen3 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
郝亚军5 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
an317426 小时前
6MB 组织树大文件性能优化全流程
前端·javascript·vue.js
TeamDev7 小时前
JxBrowser 9.3.1 版本发布啦!
java·前端·javascript·c#·混合应用·jxbrowser·浏览器控件
整點薯條8 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
前端甜糖9 小时前
记录We码开发者工具的一个bug
前端·javascript
猫3289 小时前
echarts 日常问题解决
前端·javascript·echarts
不简说10 小时前
JS 代码技巧 vol.8 — 20 个函数式编程实战,把 if/else 拍扁的骚操作
前端·javascript·面试
Cobyte11 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js