登录
当前位置： 首页 > 编程笔记 >

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

孔飞翔
2023-03-14
本文向大家介绍常用JavaScript正则表达式汇编与示例详解，包括了常用JavaScript正则表达式汇编与示例详解的使用技巧和注意事项，需要的朋友参考一下

1.1 前言

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

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

2.1 用户名正则

2.1.1 基本用户名正则

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

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

  1. 最短4位，最长16位 {4,16}
  2. 可以包含小写大母 [a-z] 和大写字母 [A-Z]
  3. 可以包含数字 [0-9]
  4. 可以包含下划线 [ _ ] 和减号 [ - ]
  5. 首字母只能是大小写字母
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正则表达式汇编与示例详解,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

 类似资料：
  • 正则表达式使用示例详解

    本文向大家介绍正则表达式使用示例详解，包括了正则表达式使用示例详解的使用技巧和注意事项，需要的朋友参考一下 正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。 正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。 下面通过实例代码介绍下正则表达式使用 //一个数据类型，记录文本规则，一些事先定

  • 正则表达式常用用法汇总

    本文向大家介绍正则表达式常用用法汇总，包括了正则表达式常用用法汇总的使用技巧和注意事项，需要的朋友参考一下 在没看正文之前，先给大家介绍下正则表达式基本概念： 正则表达式，又称正规表示法、常规表示法。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则。在很多文本编辑器里，正

  • 正则表达式 - 示例

    主要内容：简单表达式,字符匹配,实例,实例,匹配 HTML 标签及内容,实例,中括号表达式,替换和分组,其他示例,更多实例简单表达式 正则表达式的最简单形式是在搜索字符串中匹配其本身的单个普通字符。例如，单字符模式，如 A，不论出现在搜索字符串中的何处，它总是匹配字母 A。下面是一些单字符正则表达式模式的示例： 可以将许多单字符组合起来以形成大的表达式。例如，以下正则表达式组合了单字符表达式：a、7 和 M。 请注意，没有串联运算符。只须在一个字符后面键入另一个字符。 字符匹配 点号 . 匹配字

  • Oracle 正则表达式实例详解

    本文向大家介绍Oracle 正则表达式实例详解，包括了Oracle 正则表达式实例详解的使用技巧和注意事项，需要的朋友参考一下 Oracle 正则表达式实例详解 FORM开发中的按行拆分需求：拆分后的行要有规律，并按前后层次排序   需求分析如下：      现有行： 2  ，      2.1  ，     2.2   ，   2.3           3                   

  • js正则表达式常用函数详解

    本文向大家介绍js正则表达式常用函数详解，包括了js正则表达式常用函数详解的使用技巧和注意事项，需要的朋友参考一下 一、js正则表达式之replace函数用法： 函数功能：replace函数返回根据正则表达式进行文字替换后的字符串的复制。 函数格式：stringObj.replace(rgExp, replaceText) 参数：字符串stringObj，rgExp正则表达式，replaceTex

  • javascript中的正则表达式使用详解

    本文向大家介绍javascript中的正则表达式使用详解，包括了javascript中的正则表达式使用详解的使用技巧和注意事项，需要的朋友参考一下 [1]定义:正则又叫规则或模式，是一个强大的字符串匹配工具，在javascript中是一个对象 [2]特性： 　　[2.1]贪婪性,匹配最长的 　　[2.2]懒惰性,不设置/g,则只匹配第1个 [3]两种写法: 　　[3.1]perl写法(使用字面量形

相关阅读

javascript中的正则表达式使用详解java常用正则表达式linux grep正则表达式与grep用法详解iOS 正则表达式详解Go语言正则表达式示例

相关文章

Perl 正则表达式Ruby 正则表达式MongoDB正则表达式C#正则表达式Java正则表达式

相关问答

正则表达式：组合3个正则表达式正则表达式错误：“无效正则表达式”用正则表达式表示数学方程java和Javascript的通用正则表达式正则表达式 - 正则使用求教？

相关工具

正则表达式测试器WizTools.org正则表达式测试工具Quartz 表达式生成器一站式代码示例库微软一站式示例代码浏览器

相关文档

正则表达式正则表达式（regular expression）Java 正则表达式教程Python 正则表达式操作指南java.util.regex 正则表达式 中文教程
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.