總結那些前端常用的Regex

對於Regex，我們或許會經常使用，但是又很難記住。這篇文章，我將介紹下簡單的Regex知識，然後總結前端開發中常用的Regex大全，需要的的朋友參考下

前言

正則這東西吧,感覺是開發的都會接觸到一些..

那些所謂的基礎文法就不說了哈,一搜一大把,來點實際的.

我這裡就分享下我工作中匯總和遇到的,希望對一些小夥伴有些許協助哈!!

正則匯總

匹配URL

const regexURL = /((https?|ftp)?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi;// 這條正則可以匹配這麼一坨格式的url//www.baidu.com//http://www.baidu.com//https://www.baidu.com//baidu.com//test.baidu.com  //gds.baidu.com//ftp://www.baidu.com// ---- 分割線 ---- // 也許有小夥伴不需要匹配這麼一大坨,只要匹配http和https,上面的改寫一下就好了const regexURL = /(https?:\/\/)(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi;//http://www.baidu.com//https://www.baidu.com

匹配中國身份證不大靠譜版

// 為什麼說不靠譜,是因為單單正則沒法實現地區結合出生日期的判斷這種很精準的識別const regexCHINAIDCARD = /^((1[1-5])|(2[1-3])|(3[1-7])|(4[1-6])|(5[0-4])|(6[1-5])|71|(8[12])|91)\d{4}((19\d{2}(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(19\d{2}(0[13578]|1[02])31)|(19\d{2}02(0[1-9]|1\d|2[0-8]))|(19([13579][26]|[2468][048]|0[48])0229))\d{3}(\d|X|x)?$/gi;// 可以匹配這麼一堆身份證,社會安全號碼碼都是網路搜尋的,一搜一堆//230381198104143414//650201199007186135//460106197707275739//44200019860325932X//43052819880216450X//654223197502255401

匹配數字,整數,浮點~~~

// 這貨只會匹配正整數const regexInteger = /^\d+$/gi;// 肯定有人想問,範圍性的整數呢,看我改下,比如0-100const regexRangeInteger = /^\d$|^[1-9]\d$|^100$/gi;// 匹配小數呢,不限定範圍的const regexFloat = /^\d+\.\d+$/gi// 倘若要限定呢,比如還是那個,0~100的任意整數和浮點數const regexRangeIntFloat = /^(\d{0,2}(\.\d+)?|100(\.0+)?)$/gi;

匹配手機號碼

// 不含衛星電話這些,只是羅列的常見的手機範圍,也考慮了地區和長途首碼const regexMobileNumber = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/gi;

匹配郵箱

const regexEmail = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9_]+\.)+[a-zA-Z]{2,}))$/gi// 已經不靠譜的測試了這麼幾種寫法的郵箱格式都通過了//cc011@qq.com//fsdlk@dd-fad.cn//df_fs2.q@jd-f.com//crklej-dsfj@132.com//fdfkj@aa_fslkdfj.com.cn//d390.fslk@qq.com//1100@gmail.cn//sflk-98_dsf@qq_fsk.com

加強版密碼設定規範

// 必須含有大小寫字母,數字及特殊符號,長度8~24const regexEnhancePassword = /^(?!\s)((?=.*[a-zA-Z])(?=.*[a-z])(?=.*[A-Z])(?=.*[\W_]).\S{8,24})$/g;

中國車牌號校正

const regexCarLicense = /^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學警港澳]{1}$/g;

匹配QQ號,號

// QQ在我印象中好像一直都是純數字,現在好像發展到11位了,好像最初是從100000開始的const regexQQNumber = /^[1-9]\d{5,10}$/gi;// 特意去查了下最新的號的規則//1、號是的唯一憑證，只能設定1次；//2、可使用6-20個字母、數字、底線和減號；//3、必須以字母開頭（字母不區分大小寫）；//4、不支援設定中文。const regexWeChatNumber = /^[A-Za-z][\w-]{5,19}$/gi;

使用者名稱規範

// 普通版,英文+數字,必須字母開頭,允許底線,長度八到十六const regexNormalUsername = /^[a-zA-Z]\w{7,15}$/gi;// 在這個基礎上允許中文四到六個字元const regexE1 = /^[\u4e00-\u9fa5]{4,6}$|^[a-zA-Z]\w{7,15}$/gi;// 多重複用版本,允許手機,郵箱,中文,這個若是寫成一個的話,用分組的寫法就好了// 不過很長很長,,,推薦用if...else ...來拆分,,就三個正則....