常用JavaScript正則表達式匯編與示例詳解
更新時間：2019年04月24日 10:06:04 作者：@毛瑞
目前收集整理了21個常用的javaScript正則表達式，其中包括用戶名、密碼強度、整數(shù)、數(shù)字、電子郵件地址（Email）、手機號碼、身份證號、URL地址、 IP地址、 十六進制顏色、 日期、 微信號、車牌號、中文正則等。感興趣的朋友一起看看吧
1.1 前言
目前收集整理了21個常用的javaScript正則表達式，其中包括用戶名、密碼強度、整數(shù)、數(shù)字、電子郵件地址（Email）、手機號碼、身份證號、URL地址、 IP地址、 十六進制顏色、 日期、 微信號、車牌號、中文正則等。表單驗證處理必備，趕緊收藏吧！
還會陸續(xù)加入新的正則進來，大家多提寶貴意見！
2.1 用戶名正則
2.1.1 基本用戶名正則
在做用戶注冊時，都會用到用戶名正則校驗。
定義基本用戶名命名規(guī)則如下：
- 最短4位，最長16位 {4,16}
- 可以包含小寫大母 [a-z] 和大寫字母 [A-Z]
- 可以包含數(shù)字 [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 中文用戶名正則
如果規(guī)則中加入允許中文用戶名，則變更正則表達式如下：
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萬多個，其中\(zhòng)u4E00表示漢字“一”，具體請參見《漢字unicode編碼范圍》。
2.2 密碼強度正則
//密碼強度正則，最少6位，包括至少1個大寫字母，1個小寫字母，1個數(shù)字，1個特殊字符
var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
//輸出 true
console.log("iFat3#："+pPattern.test("iFat3#"));
上述正則表達式只能對用戶密碼強度進行基本的通過性判定，關(guān)于密碼強度驗證更多的內(nèi)容可參見：基于規(guī)則評分的密碼強度檢測算法分析及實現(xiàn)。
2.3 數(shù)字相關(guān)正則
2.3.1 整數(shù)正則
//正整數(shù)正則
var posPattern = /^\d+$/;
//負整數(shù)正則
var negPattern = /^-\d+$/;
//整數(shù)正則
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 浮點數(shù)正則
//正浮點數(shù)正則
var posPattern = /^\d*\.\d+$/;
//負浮點數(shù)正則
var negPattern = /^-\d*\.\d+$/;
//兩位小數(shù)正則
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 整數(shù)浮點數(shù)正則
可以是整數(shù)也可以是浮點數(shù)
//正數(shù)正則
var posPattern = /^\d*\.?\d+$/;
//負數(shù)正則
var negPattern = /^-\d*\.?\d+$/;
//數(shù)字正則
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月份的天數(shù)問題。
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正則是最常用的驗證方式，也適合大多數(shù)的應(yīng)用場景。從以上測試可以看出，該表達式不支持.online及.store結(jié)尾的域名。如需兼容這類域名（大于4位），調(diào)整正則結(jié)尾｛2,4｝的限制部分即可（例：{2,8}）。另一個問題是Email用戶名不能包括中文。
2.5.2 中文名Email正則
根據(jù)前一正則中的問題，追加兩條規(guī)則如下：
用戶名可以包括中文 [\u4e00-\u9fa5]
域名結(jié)尾最長可為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正則
在手機驗證碼出現(xiàn)之前，差不多郵箱驗證是保證用戶唯一性的唯一條件。而臨時郵箱（也稱10分鐘郵箱或一次性郵箱）的出現(xiàn)，則使得郵箱驗證及帳戶激活這種機制失去了意義。而臨時郵箱的地址是不可枚舉的，我們只能才采取白名單的方式，只允許有限的郵箱域名通過驗證。
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'));
此方法雖然能保證驗證安全性，但是如果白名單太長會造成模式字符串太長。這時可以將郵箱域名白名單寫成數(shù)組，利用正則表達式做初步驗證，用白名單做域名的二次驗證。
常用域名白名單數(shù)組：
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種郵箱域名，大家可以根據(jù)需要適當補充或刪減。
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"));
上述正則只能對身份證號進行基本的通過性判定，關(guān)于公民身份號碼判定的更多內(nèi)容可參見文檔：公民身份號碼正確性判定及程序?qū)崿F(xiàn)
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位，以字母開頭，字母，數(shù)字，減號，下劃線
var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
//輸出 true
console.log(wxPattern.test("RuilongMao"));
2.13 車牌號正則
//車牌號正則
var cPattern = /^[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領(lǐng)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課"));
總結(jié)
以上所述是小編給大家介紹的常用JavaScript正則表達式匯編與示例詳解,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
對于正則表達式的中\(zhòng)B和\b 有些地方會出現(xiàn)弄不懂的情況,所以查找資料學習了一番,下面這篇文章主要給大家介紹了關(guān)于正則表達式中邊界\b和\B的相關(guān)資料,需要的朋友可以參考下2021-10-10
想必很多人都對正則表達式都頭疼。今天，我以我的認識，加上網(wǎng)上一些文章，希望用常人都可以理解的表達方式來和大家分享學習經(jīng)驗。2008-05-05
這篇文章主要介紹了只能輸入正整數(shù)的正則表達式以及常用的正則表達式,需要的朋友可以參考下2018-09-09
本文主要介紹了正則表達式中.+?與.*?的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
今天在修過模版的時候，需要用到將br替換為換行符，一般\r\n就可以了，如果少些一個兼容性就出現(xiàn)問題了2014-06-06
關(guān)于HTML及UBB標記的閉合...2006-12-12
這篇文章主要介紹了JavaScript 正則表達式(筆記) ,這里總結(jié)了js中的一些正則的使用方法，需要的朋友可以參考下2015-04-04
正則表達式在IOS中的應(yīng)用及IOS中三種正則表達式的使用與比較
本篇文章給大家介紹正則表達式在IOS中應(yīng)用以及IOS中三種正則表達式式的使用與比較，感興趣的朋友跟著小編一起來學習學習吧2015-09-09
下面列出了當前可用的正則表達式修飾符。括號中提到的名字是正則表達式內(nèi)部這些修飾符的名稱。 模式修飾符中的空格，換行符會被忽略，其他字符會導致錯誤2016-12-12
在正則表達式實現(xiàn)中，回溯是匹配過程的基本組成部分，它是正則表達式如此好用和強大的根源。然而，回溯計算代價很高，如果設(shè)計失誤，將導致失控?；厮菔怯绊懻w性能的唯一因素，理解它的工作原理，以及如何減小使用頻率，可能是編寫高效正則表達式的關(guān)鍵點2016-12-12