当前位置：移动技术网 > IT编程>开发语言>正则 > 常用JavaScript正则表达式汇编与示例详解

常用JavaScript正则表达式汇编与示例详解

2019年07月18日 | 移动技术网IT编程 | 我要评论

1.1 前言

目前收集整理了21个常用的javascript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（email）、手机号码、身份证号、url地址、 ip地址、十六进制颜色、日期、微信号、车牌号、中文正则等。表单验证处理必备，赶紧收藏吧！

还会陆续加入新的正则进来，大家多提宝贵意见！

2.1 用户名正则

2.1.1 基本用户名正则

在做用户注册时，都会用到用户名正则校验。

定义基本用户名命名规则如下：

最短4位，最长16位 {4,16}
可以包含小写大母 [a-z] 和大写字母 [a-z]
可以包含数字 [0-9]
可以包含下划线 [ _ ] 和减号 [ - ]
首字母只能是大小写字母

var pattern = /^[a-za-z][a-za-z0-9_-]{3,15}$/;
//输出 true
console.log("ifat3 ： "+pattern.test('ifat3'));
//输出 true
console.log("ifat3 ： "+pattern.test('ifat3'));
//输出 true
console.log("ke30 ： "+pattern.test('ke30'));
//输出 false
console.log("30ke ： "+pattern.test('30ke'));
//输出 false
console.log("ke3 ： "+pattern.test('ke3'));
输出 false
console.log("ke30@ ： "+pattern.test('ke30@'));
//输出 false
console.log("ke30ke30ke30ke30ke30 ： "+pattern.test('ke30ke30ke30ke30ke30'));

2.1.2 中文用户名正则

如果规则中加入允许中文用户名，则变更正则表达式如下：

var pattern = /^[a-za-z\u4e00-\u9fa5][a-za-z0-9\u4e00-\u9fa5_-]{3,15}$/;
//输出 true
console.log("ifat3 ： "+pattern.test('ifat3'));
//输出 true
console.log("ifat3 ： "+pattern.test('ifat3'));
//输出 true
console.log("三十课毛瑞 ： "+pattern.test('三十课毛瑞'));
//输出 false
console.log("30ke ： "+pattern.test('30ke'));
//输出 false
console.log("ke3 ： "+pattern.test('ke3'));
//输出 false
console.log("ke30@ ： "+pattern.test('ke30@'));
 //输出 false
console.log("ke30ke30ke30ke30ke30 ： "+pattern.test('ke30ke30ke30ke30ke30'));

其中[\u4e00-\u9fa5]是汉字的正则匹配，包括基本汉字2万多个，其中\u4e00表示汉字“一”，具体请参见《汉字unicode编码范围》。

2.2 密码强度正则

//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符
var ppattern = /^.*(?=.{6,})(?=.*\d)(?=.*[a-z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
//输出 true
console.log("ifat3#："+ppattern.test("ifat3#"));

上述正则表达式只能对用户密码强度进行基本的通过性判定，关于密码强度验证更多的内容可参见：基于规则评分的密码强度检测算法分析及实现。

2.3 数字相关正则

2.3.1 整数正则

//正整数正则
var pospattern = /^\d+$/;
//负整数正则
var negpattern = /^-\d+$/;
//整数正则
var intpattern = /^-?\d+$/;
//输出 true
console.log("30："+pospattern.test("30"));
//输出 true
console.log("-30："+negpattern.test("-30"));
//输出 true
console.log("-30："+intpattern.test("-30"));

2.3.2 浮点数正则

//正浮点数正则
var pospattern = /^\d*\.\d+$/;
//负浮点数正则
var negpattern = /^-\d*\.\d+$/;
//两位小数正则
var twopattern = /^-?\d*\.\d{2}$/; 
//输出 true
console.log("30.2："+pospattern.test("30.2"));
//输出 true 
console.log("-30.2："+negpattern.test("-30.2"));
//输出 true 
console.log("-30.22："+twopattern.test("-30.22"));

2.3.3 整数浮点数正则

可以是整数也可以是浮点数

//正数正则
var pospattern = /^\d*\.?\d+$/;
//负数正则
var negpattern = /^-\d*\.?\d+$/;
//数字正则
var numpattern = /^-?\d*\.?\d+$/;
//输出 true
console.log("30.2："+pospattern.test("30.2"));
//输出 true 
console.log("-30.2："+negpattern.test("-30.2"));
//输出 true 
console.log("-30.2："+numpattern.test("-30.2"));

2.4 日期正则

2.4.1 出生日期正则

var pattern = /^((19[2-9]\d{1})|(20((0[0-9])|(1[0-8]))))\-((0?[1-9])|(1[0-2]))\-((0?[1-9])|([1-2][0-9])|30|31)$/;
//输出 true
console.log(pattern.test("1923-3-18"));
//输出 true
console.log(pattern.test("1923-4-31"));
//输出 true
console.log(pattern.test("1923-2-29"));
//输出 true
console.log(pattern.test("2016-2-29"));

上述正则验证还不完善，主要是2，4，6，9，11月份的天数问题。

2.4.2 通用日期正则

//日期正则，复杂判定
var dp2 = /^(?:(?!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)$/;
//输出 true
console.log(dp2.test("2017-02-11"));
//输出 false
console.log(dp2.test("2017-15-11"));
//输出 false
console.log(dp2.test("2017-02-29"));

2.5 email正则

2.5.1 基本email正则

var pattern = /^([a-za-z0-9_\-\.])+\@([a-za-z0-9_\-\.])+\.([a-za-z]{2,4})$/;
//输出 true
console.log(pattern.test('cn30ke@163.com'));
//输出 true
console.log(pattern.test('ifat3@sina.com.cn'));
//输出 true
console.log(pattern.test('ifat3.it@163.com'));
//输出 true
console.log(pattern.test('ifat3_-.@30ke.cn'));
//输出 false
console.log(pattern.test('ifat3@30ke.online'));
//输出 false
console.log(pattern.test('毛瑞@30ke.cn'));

基本email正则是最常用的验证方式，也适合大多数的应用场景。从以上测试可以看出，该表达式不支持.online及.store结尾的域名。如需兼容这类域名（大于4位），调整正则结尾｛2,4｝的限制部分即可（例：{2,8}）。另一个问题是email用户名不能包括中文。

2.5.2 中文名email正则

根据前一正则中的问题，追加两条规则如下：

用户名可以包括中文 [\u4e00-\u9fa5]
域名结尾最长可为8位 {2,8}

var pattern = /^([a-za-z0-9_\-\.\u4e00-\u9fa5])+\@([a-za-z0-9_\-\.])+\.([a-za-z]{2,8})$/;
//输出 true
console.log(pattern.test('cn30ke@163.com'));
//输出 true
console.log(pattern.test('ifat3@sina.com.cn'));
//输出 true
console.log(pattern.test('ifat3.it@163.com'));
//输出 true
console.log(pattern.test('ifat3_-.@30ke.cn'));
//输出 true
console.log(pattern.test('ifat3@30ke.online'));
//输出 true
console.log(pattern.test('毛瑞@30ke.cn'));

2.5.3 特定域名email正则

在手机验证码出现之前，差不多邮箱验证是保证用户唯一性的唯一条件。而临时邮箱（也称10分钟邮箱或一次性邮箱）的出现，则使得邮箱验证及帐户激活这种机制失去了意义。而临时邮箱的地址是不可枚举的，我们只能才采取白名单的方式，只允许有限的邮箱域名通过验证。

var pattern = /^([a-za-z0-9_\-\.])+\@(163.com|qq.com|30ke.cn)$/;
//输出 true
console.log(pattern.test('cn30ke@163.com'));
//输出 false
console.log(pattern.test('ifat3@sina.com.cn'));
//输出 true
console.log(pattern.test('ifat3.it@163.com'));
//输出 true
console.log(pattern.test('ifat3_-.@30ke.cn'));
//输出 false
console.log(pattern.test('ifat3@30ke.online'));
//输出 false
console.log(pattern.test('毛瑞@30ke.cn'));

此方法虽然能保证验证安全性，但是如果白名单太长会造成模式字符串太长。这时可以将邮箱域名白名单写成数组，利用正则表达式做初步验证，用白名单做域名的二次验证。

常用域名白名单数组：

var domains= ["qq.com","163.com","vip.163.com","263.net","yeah.net","sohu.com","sina.cn","sina.com","eyou.com","gmail.com","hotmail.com"];

上述白名单只列举了常用的11种邮箱域名，大家可以根据需要适当补充或删减。

2.6 手机号码正则

//手机号正则
var mpattern = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/;
//输出 true
console.log(mpattern.test("18600000000"));

2.7 身份证号正则

//身份证号（18位）正则
var cp = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9xx]$/;
//输出 true
console.log(cp.test("11010519880605371x"));

上述正则只能对身份证号进行基本的通过性判定，关于公民身份号码判定的更多内容可参见文档：公民身份号码正确性判定及程序实现

2.8 url正则

//url正则
var urlp= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
//输出 true
console.log(urlp.test(http://30ke.cn));

2.9 ip地址

2.9.1 ipv4地址正则

//ipv4地址正则
var ipp = /^(?:(?: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]?)$/;
//输出 true
console.log(ipp.test("115.28.47.26"));

2.9.2 ipv6地址正则

//ipv6正则
var pattern = /(([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]))/;
//输出 true
console.log(pattern.test("fe80:0000:0000:0000:0204:61ff:fe9d:f156"));

2.10 十六进制颜色正则

//rgb hex颜色正则
var cpattern = /^#?([a-fa-f0-9]{6}|[a-fa-f0-9]{3})$/;
//输出 true
console.log(cpattern.test("#b8b8b8"));

2.11 qq号码正则

//qq号正则，5至11位
var qqpattern = /^[1-9][0-9]{4,10}$/;
//输出 true
console.log(qqpattern.test("65974040"));

2.12 微信号正则

//微信号正则，6至20位，以字母开头，字母，数字，减号，下划线
var wxpattern = /^[a-za-z]([-_a-za-z0-9]{5,19})+$/;
//输出 true
console.log(wxpattern.test("ruilongmao"));

2.13 车牌号正则

//车牌号正则
var cpattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领a-z]{1}[a-z]{1}[a-z0-9]{4}[a-z0-9挂学警港澳]{1}$/;
//输出 true
console.log(cpattern.test("京k39006"));

2.14 包含中文正则

//包含中文正则
var cnpattern = /[\u4e00-\u9fa5]/;
//输出 true
console.log(cnpattern.test("30课"));

总结

以上所述是小编给大家介绍的常用javascript正则表达式汇编与示例详解,希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

js正则学习小记之匹配字符串字面量

今天看了第5章几个例子，有点收获，记录下来当作回顾也当作分享。关于匹配字符串问题，有很多种类型，今天讨论 js 代码里的字符串匹配。(因为我想学完之后写个语法高... [阅读全文]
正则表达式替换table表格中的样式与空标记(保留rowspan与colspan)

完整测试代码<script>var str='<p>';str='<table id="tblsort" cellspacing=... [阅读全文]
js中的正则表达式入门(大量实例代码)

什么是正则表达式呢？正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个字符串是否含有某种子串、将匹配的子串做替换或者... [阅读全文]
linux 正则表达式grep实例分析

在很多技术领域（如：自然语言处理，数据存储等），正则表达式可以很方便的提取我们想要的信息，所以正则表达式是一个很重要的知识点！一、概念正则表达式（regular... [阅读全文]
linux下关于正则表达式grep的一点总结

正则表达式（regular expression）是用于描述一组字符串特征的模式，用来匹配特定的字符串。通过特殊字符＋普通字符来进行模式描述，从而达到文本匹配目... [阅读全文]
专门为初学者编写的正则表达式入门教程

这是一篇翻译文章。我学过很多次正则表达式，总是学了忘，忘了学，一到用的时候还是只能靠搜索引擎。这回看到这个正则教程，感觉非常惊喜。尝试翻译了一遍，译得不好，大家... [阅读全文]
grep中使用"\d"匹配数字不成功的原因解决

首先正则表达式分为三类（man grep可以看到，分别是basic regexs，extended regexs，perl regexs）正则表达式：在计算机科... [阅读全文]
正则表达式中的 .*? 或 .*+ 的意思

正则表达式简介正则表达式，又称规则表达式。（英语：regular expression，在代码中常简写为regex、regexp或re），计算机科学的一个概念。... [阅读全文]
$解读邮箱正则表达式：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$$

解读邮箱正则表达式：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

验证邮箱的正则表达式var epattern = /^([a-za-z0-9_\-\.])+\@([a-za-z0-9_\-\.])+\.([a-za-z]{2... [阅读全文]
简单高效有用的正则表达式

什么是正则表达式？正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。一个正则表达式是一种从左到右匹配主体字符串的模式。 ... [阅读全文]

网友评论


验证码：