正则表达式是一种非常古老、功能强大的文本处理工具,只需很短的表达式语句就可以快速实现非常复杂的业务逻辑。 如果熟练掌握正则表达式,你的开发效率可以大大提高。
正则表达式常用于检查字段或任意字符串,例如以下检查基本日期格式的代码:
var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/;
var r = fieldValue.match(reg);
if(r==null)alert('Date format error!');
以下是工匠整理的20个前端开发中经常使用的正则表达式。
1. 验证密码强度
密码强度必须是大小写字母和数字的组合,不能使用特殊字符,长度应在8到10之间。
^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
2. 验证中文
该字符串只能是中文。
^[\\u4e00-\\u9fa5]{0,}$
3、由数字、26个英文字母或下划线组成的字符串
^\\w+$
4. 验证电子邮件地址
与密码一样,以下是对电子邮件地址合规性的定期检查声明。
[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?
5. 验证身份证号码
以下是身份证号码的定期验证。 15 或 18 位。
15 位数字:
^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$
18 位:
^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$
6. 验证日期
日期验证采用“yyyy-mm-dd”格式,考虑闰年。
^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$
7. 核实金额
金额核对,精确到小数点后两位。
^[0-9]+(.[0-9]{2})?$
8. 验证电话号码
以下是国内以13、15、18开头的手机号码的正则表达式。
^(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}$
9.确定IE版本
IE还没有被完全取代,很多页面还需要版本兼容。 以下是IE版本检查的表达式。
^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*Trident\\/[5-9]\\.0).*$
10. 验证 IP-v4 地址
IP4常规声明。
\\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b
11.验证IP-v6地址
IP6 正则表达式。
(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))
12.检查URL前缀
在应用程序开发中,经常需要区分请求是HTTPS还是HTTP。 可以使用下面的表达式来提取URL前缀,然后进行逻辑判断。
if (!s.match(/^[a-zA-Z]+:\\/\\//))
{
s = 'http://' + s;
}
13. 提取URL链接
下面的表达式可以过滤掉一段文本中的URL。
^(f|ht){1}(tp|tps):\\/\\/([\\w-]+\\.)+[\\w-]+(\\/[\\w- ./?%&=]*)?
14.文件路径和扩展名验证
验证文件路径和扩展名
^([a-zA-Z]\\:|\\\\)\\\\([^\\\\]+\\\\)*[^\\/:*?"<>|]+\\.txt(l)?$
15. 提取颜色十六进制代码
有时需要提取网页中的颜色代码,可以使用以下表达式。
\\#([a-fA-F]|[0-9]){3,6}
16.提取网页图像
如果要提取网页中的所有图像信息,可以使用以下表达式。
\\< *[img][^\\>]*[src] *= *[\\"\\']{0,1}([^\\"\\'\\ >]*)
17.提取页面超链接
提取 html 中的超链接。
([^>]*)(href="https?://)((?!(?:(?:www\\.)?'.implode('|(?:www\\.)?', $follow_list).'))[^"]+)"((?!.*\\brel=)[^>]*)(?:[^>]*)>
18. 完善CSS
通过下面的表达式,可以搜索具有相同属性值的CSS,从而达到精炼代码的目的。
^\\s*[a-zA-Z\\-]+\\s*[:]{1}\\s[a-zA-Z0-9\\s.#]+[;]{1}
19. 提取注释
如果需要删除 HTML 中的注释,可以使用以下表达式。
20.匹配HTML标签
HTML中的标签可以通过以下表达式进行匹配。
?\\w+((\\s+\\w+(\\s*=\\s*(?:".*?"|'.*?'|[\\^'">\\s]+))?)+\\s*|\\s*)/?>
正则表达式的相关语法
下面是我找到的一个非常好的正则表达式备忘单,可以用来快速查找相关语法。
学习正则表达式
在网上看到一个相当不错的正则表达式快速学习指南,有兴趣继续学习的同学可以参考一下。
正则表达式在线测试工具
它是一个非常好的正则表达式在线测试工具,你可以直接在线测试你的正则表达式。