前端技術分享:JavaScript正則全面解析

千鋒武漢 發表於 2021-10-22
前端 JavaScript

正規表示式,又稱規則表示式。(英語:Regular Expression,在程式碼中常簡寫為regex、regexp或RE),電腦科學的一個概念。正規表示式通常被用來檢索、替換那些符合某個模式(規則)的文字。下面小千分享JavaScript正則全面解析:

src=http___photo.669pic.com_show_photos2_b22b86f50f081cc2514997545f8251ea.jpg&refer=http___photo.669pic

建立正則物件
正則屬於內建物件,可以通過兩種方式進行建立。

正則字面量形式
let re = /abc/;
正則建構函式形式
let re = new RegExp('abc');
這兩種形式都可以建立正則物件,不過他們之間也是有區別的。正則字面量形式雖然寫法比較簡單,但是沒辦法做到變數傳參,例如:

let key = 'abc';
let re = /key/; // 並不會把key替換成abc
而正則建構函式形式卻可以實現,例如:

let key = 'abc';
let re = new RegExp(key); // 會把key替換成abc
在最新的ES6語法中,還允許,正則字面量與正則建構函式混合使用,例如:

let re = new RegExp(/abc/); // success
正則相關方法
目前JavaScript正則中會涉及到7個常見方法,分別如下:

test
exec
split
search
replace
match
matchAll
通常會把這7個方法分為兩類,第一類為字串例項方法,即,split、search、replace、match、matchAll;第二類為正則例項方法,即,test、exec。下面將進行詳細講解。

字串例項方法
split方法解析,split為字串分割成陣列,可以通過一個分隔符進行分割,即:
let str = '1+2+3+4';
let arr = str.split('+'); // ["1", "2", "3", "4"]
split在正則操作中,可以以正則作為分隔符進行操作,即:

let str = 'a1b2c3d';
let arr = str.split(/\d/); // ["a", "b", "c", "d"]
2. search方法解析,search通過正則在字串中進行查詢,如果查詢到即範圍對應字串的位置,如果沒查詢到即範圍-1,程式碼如下:

let str = 'hello world';
let pos1 = str.search(/e/); // 1
let pos2 = str.search(/q/); // -1
3. replace方法解析,replace可以把正則匹配到的字串替換成一個新的字串,程式碼如下:

let str = 'hello world';
let ret = str.replace(/hello/, 'hi'); // hi world
replace方法的第二個引數,除了可以是要替換成的新字串,也可以是一個回撥函式,通過回撥函式可以讓替換實現更復雜的需求,上面程式碼用回撥函式改寫後的樣子,即:

let str = 'hello world';
let ret = str.replace(/hello/, function(){ // hi world
return 'hi';
});
在回撥函式的引數中,可以得到相關的一些值,如:正則匹配到的結果就會已第一個引數返回。

let str = 'hello world';
let ret = str.replace(/hello/, function(ret){ // HELLO world
return ret.toUpperCase();
});
4. match方法解析,match可以把正則匹配到的結果,返回一個陣列,如果沒有匹配成功的話,將返回null。

let str = 'hello world';
let arr1 = str.match(/e/); // ["e"]
let arr2 = str.match(/q/); // null
除了可以匹配到值以外,還能匹配到位置等一些其他資訊。

let str = 'hello world';
let arr = str.match(/e/); // ["e", index: 1, input: "hello world", groups: undefined]
但是match有一個問題,就是在全域性匹配模式下,只能得到匹配的值,但是得不到其他相關資訊。

let str = 'hello world';
let arr = str.match(/e/g); // ["e"] 只有所有字串中e的值
5. matchAll方法解析,matchAll就是為了解決上面match中遇到的問題,當全域性匹配的時候,也能得到詳細的資訊,不過matchAll返回的並不是一個陣列,而是返回一個遍歷器,即Iterator。利用JavaScript的擴充套件運算子可以非常方便的把遍歷器物件轉換成陣列物件。

let str = 'hello world';
let arr = [...str.matchAll(/l/g)];
/* [
["l", index: 2, input: "hello world", groups: undefined],
["l", index: 3, input: "hello world", groups: undefined],
["l", index: 9, input: "hello world", groups: undefined]
] */
正則例項方法
test方法解析,test判斷正則是否在字串中出現過,如果出現返回true,如果沒出現返回false。
let str = 'hello world';
let ret1 = /e/.test(str); // true
let ret2 = /q/.test(str); // false
2. exec方法解析,exec跟match方法類似,也是返回匹配到的陣列,如果沒有匹配成功也是返回null。

let str = 'hello world';
let arr1 = /e/.exec(str) // ["e"]
let arr2 = /q/.exec(str); // null
區別在於exec方法在全域性模式下,可以多次呼叫返回不同的值資訊,如下:

let str = 'hello world';
let re = /l/g;
let arr1 = re.exec(str); // ["l", index: 2, input: "hello world", groups: undefined]
let arr2 = re.exec(str); // ["l", index: 3, input: "hello world", groups: undefined]
let arr3 = re.exec(str); // ["l", index: 9, input: "hello world", groups: undefined]
let arr4 = re.exec(str); // null
當匹配不到結果的時候,才會返回null,所以在有g的情況下使用的時候要額外的小心,其實test方法也是具備這個特性的,例如:

let str = 'hello world';
let re = /e/g;
let ret1 = re.test(str); // true
let ret2 = re.test(str); // false
let ret3 = re.test(str); // true
let ret4 = re.test(str); // false
模式修飾符
正規表示式為了改變模式的一些行為,提供了模式修飾符,常見的模式修飾符如下:

g修飾符
i修飾符
m修飾符
u修飾符
y修飾符
s修飾符
g修飾符
全域性匹配,找到所有匹配,而不是第一個匹配成功後就結束。

let str = 'hello world';
let arr = str.match(/l/g); // ["l", "l", "l"]
會找到整個字串中所有出現過的l字元,g修飾符的目的就是從頭匹配到尾,不管匹配過程中是成功還是失敗。

i修飾符
忽略大小寫,預設情況下是區分大小寫的。

let str = 'hello world';
let ret1 = /E/.test(str); // false
let ret2 = /E/i.test(str); // true
m修飾符
可以執行多行匹配,作用是修改^和$在正規表示式中的作用,讓它們分別表示行首和行尾。在預設狀態下,一個字串無論是否換行只有一個開始^和結尾$,如果採用多行匹配,那麼每一個行都有一個^和結尾$。

let str = 'hello\n world';
let ret1 = /hello$/.test(str); // false
let ret2 = /hello$/m.test(str); // true
u修飾符
意思是“Unicode模式”,用於正確處理大於\ uFFFF的 Unicode字元。這就是說,4位元組的UTF-16編碼將被正確地處理。

let str = '\uD83D\uDC2A';
let ret1 = /^\uD83D/.test(str); // true
let ret2 = /^\uD83D/u.test(str); // false
在上述程式碼中,\uD83D\uDC2A是4位元組的UTF-16編碼,它代表一個字元。然而,ES5並不支援4位元組的UTF-16編碼,當它被識別為兩個字元時,結果為 true。在加入 u修飾符之後,ES6將識別出它是字元,因此第一行程式碼的結果是 false。新增了一個u修飾符號之後,下面這些正規表示式的行為被修改。

y修飾符
類似於g修飾符,也是全域性匹配,後者將從上次匹配成功的下一個位置開始。區別在於, g修飾符只要在餘下的位置上存在匹配,而 y修飾符則確保匹配必須從剩下的第一個位置開始,這就是粘連的含義。

var s = 'aaa_aa_a';
var r1 = /a+/g;
var r2 = /a+/y;
r1.exec(s) // ["aaa"]
r2.exec(s) // ["aaa"]
r1.exec(s) // ["aa"]
r2.exec(s) // null
上述程式碼包含兩個正規表示式,一個使用 g修飾符,另一個使用 y修飾符。那兩個正規表示式分別執行兩次,第一次執行時,它們表現相同,剩下的字串都是_aa_a。因為 g修飾不需要位置,因此第二次執行返回結果,而 y修飾符要求匹配必須從頭部開始,因此返回 null。

s修飾符
dotAll模式,匹配任何字元(包括終止符\n)。這個的目的是解決不能匹配終止符的問題。

/foo.bar/s.test('foo\nbar') // true
正則基礎語法
正則除了相關方法和修飾符外,還有很多跟正則相關的語法,先來看看基礎語法的使用。

轉義字元
轉義字元在正則中主要有兩種用法:

1. 表示正則中的一些特殊含義的功能。

2. 表示跟正則語法衝突的字元形式。

在第一種用法中,常見的特殊含義功能有:

\d 匹配數字
\D 匹配非數字
\s 匹配空格
\S 匹配非空格
\w 匹配字元
\W 匹配非字元
\b 匹配端點
\B 匹配非端點
數字、空格都比較簡單,下面來說說字元,在正則中字元表示的是字母、下劃線、數字這三部分,除了這三部分以外的字元表示非字元;在正則中端點表示的是起始、結束、空格這三部分,除了這三部分以外的字元表示非端點。

let str = 'hello world';
let ret1 = /\w/.test(str); // true
let ret2 = /\bhello\b/.test(str); // true
在第二種用法中,常見的語法轉義功能有:

+ 匹配+字元
* 匹配*字元
\? 匹配?字元
\/ 匹配/字元
. 匹配.字元
( 匹配(字元
[ 匹配[字元
{ 匹配{字元
\| 匹配|字元
這些字元在正則中本身就是語法,所以不能進行對應的字元匹配,需要進行轉義後方可匹配成功。

let str = 'hello?world';
let ret1 = /hello?world/.test(str); // false
let ret2 = /hello\?world/.test(str); // true
量詞
主要目的是匹配不確定的字元位數,常見的語法有:

- * 匹配至少0位

- + 匹配至少1位

- ? 匹配至少0位到1位

let str = 'ab';
let ret = /ab+/.test(str); // 匹配 ab abb abbb ...
上面這些量詞符號,其實是{}語法的一種簡寫形式,即:*對應{0,},+對應{1,},?對應{0,1}。{}是專門進行量詞匹配的。

let str = '1234';
let ret = /\d{4}/.test(str); // 匹配四位數字
字元範圍
有時候需要對字元進行或的操作,在正則中專門提供了 | 作為或操作方式。

let str = 'abc';
let ret = /a(b|d|e)c/.test(str); // 匹配:abc、adc、aec 這幾個詞
除了可以用 | 操作符以外,還可以選擇 [] 方式。

let str = 'abc';
let ret = /a[bde]c/.test(str); // 匹配:abc、adc、aec 這幾個詞
[]中的每一個字元都是或的關係,如果要表示返回比較大的操作,還可以採用-語法。

let str = 'abc';
let ret = /a[a-z]c/.test(str); // a-z匹配26個字母 0-9匹配所有數字等
[]中還可以進行排除操作,通過^語法實現。

let str = 'abc';
let ret = /a[^bde]c/.test(str); // 匹配除了:abc、adc、aec 這幾個詞以外的詞
起始與結束
有時候需要匹配整體字串,而不是隻匹配字串的部分,這種情況下就要用到起始和結束了,例如只匹配兩位數的正則寫法。

let str = 'a19b';
let ret = /^\d{2}$/.test(str); // false 需要整體匹配成功才可
let ret = /\d{2}/.test(str); // true 部分匹配成功即可
其中^表示起始位置必須是數字,$表示結束位置必須是數字,這樣就可以保證正則去字串中匹配整體。

正則高階語法
除了最基本的正則語法外,還有一些更加高階的使用方式,下面一起看一下。

子項與重複的子項
在正則中可以通過()來進行分組,除了分組外,()還有一個很重要的作用就是子項了。子項的含義是匹配到正則匹配到的部分的區域性字元。

let str = 'hello world';
let ret = str.match(/h(e)llo/); // ["hello", "e", index: 0, input: "hello world", groups: undefined]
可以看到"hello"是匹配到的整體,而"e"就是匹配到的子項,而且正則中子項新增也是可以存在多個的,例如:

let str = 'hello world';
let ret = str.match(/h(e)(ll)(o)/); // ["hello", "e", "ll", "o", index: 0, input: "hello world", groups: undefined]
以上結果中會返回三個子項,分別為:"e"、"ll"、"o";如果想要忽略掉子項,只是保留分組功能的話,可以採用 ?: 這個語法。

let str = 'hello world';
let ret = str.match(/h(e)(?:ll)(o)/); // ["hello", "e", "o", index: 0, input: "hello world", groups: undefined]
這樣就是隻要兩個子項了,分別為:"e"、"o"。具備子項功能的方法還有:exec、matchAll、replace,這裡就不一一演示了。

具名組匹配
可以發現子項的排列是根據順序來決定的,除了順序外,還可以通過具名的方式進行匹配。允許為每一個組匹配指定一個名字,既便於閱讀程式碼,又便於引用。

let RE_DATE = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
let matchObj = RE_DATE.exec('1999-12-31');
let year = matchObj.groups.year; // "1999"
let month = matchObj.groups.month; // "12"
let day = matchObj.groups.day; // "31"
上例中,“具名組匹配”位於括號內,“問號+尖括號+組名”(?< year>),然後可以在exec方法返回結果的 groups屬性中引用它。與此同時,數字序號(matchObj [1])仍然有效。

具名組匹配等於在每一組匹配中新增ID,便於描述匹配的目的。當更改組順序時,也不必更改匹配後的處理程式碼。若該具名組不匹配,則對應的groups物件屬性為未定義。

貪婪模式與非貪婪模式
貪婪匹配:正規表示式一般趨向於最大長度匹配,也就是所謂的貪婪匹配。非貪婪匹配:就是匹配到結果就好,就少的匹配字元。

let str = '<div>aaaaaaaaa</div>bbbbbbbbbbb<div>ccccccccccc</div>';
//貪婪模式
let re = /<([a-z0-9]+)>.+<\/\1>/;
str.match(re); //['<div>aaaaaaaaa</div>bbbbbbbbbbb<div>ccccccccccc</div>']

let str = '<div>aaaaaaaaa</div>bbbbbbbbbbb<div>ccccccccccc</div>';
//非貪婪模式
let re = /<([a-z0-9]+)>.+?<\/\1>/;
str.match(re); // ['<div>aaaaaaaaa</div>']
可以看到兩段程式碼的對比,貪婪是把可以匹配的最大長度得到,而非貪婪是最少匹配字元,可通過?的方式實現非貪婪模式。

前瞻與後顧
前瞻與後顧,只把它作為條件,但是不會把它匹配到結果中。相關的語法:

(?=exp) 正向前瞻 例如:100(?=px) -> 100px 匹配成功 -> 結果:100
(?!exp) 負向前瞻 例如:100(?!px) -> 100rem、100% 匹配成功 -> 結果:100
(?<=exp) 正向後顧 例如:(?<=\$)123 -> $123 匹配成功 -> 結果:123
(?<!exp) 負向後顧 例如:(?<!\$)123 -> ¥123 a123 匹配成功 -> 結果:123
正則常見案例
火車車次 /^[GCDZTSPKXLY1-9]\d{1,4}$/

手機機身碼(IMEI) /^\d{15,17}$/

必須帶埠號的網址(或ip) /^((ht|f)tps?:\/\/)?[\w-]+(.[\w-]+)+:\d{1,5}\/?$/

網址(url,支援埠和"?+引數"和"#+引數) /^(((ht|f)tps?):\/\/)?[\w-]+(.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\[email protected]?^=%&/~+#-])?$/

統一社會信用程式碼 /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/

統一社會信用程式碼(寬鬆匹配)(15位/18位/20位數字/字母) /^(([0-9A-Za-z]{15})|([0-9A-Za-z]{18})|([0-9A-Za-z]{20}))$/

迅雷連結 /^thunderx?:\/\/[a-zA-Z\d]+=$/

ed2k連結(寬鬆匹配) /^ed2k:\/\/\|file\|.+\|\/$/

磁力連結(寬鬆匹配) /^magnet:\?xt=urn:btih:[0-9a-fA-F]{40,}.*$/

子網掩碼 /^(?:\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(?:.(?:\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/

linux"隱藏檔案"路徑 /^\/(?:[^/]+\/).[^/]/

linux資料夾路徑 /^\/(?:[^/]+\/)*$/

linux檔案路徑 /^\/(?:[^/]+\/)*[^/]+$/

window"資料夾"路徑 /^[a-zA-Z]:\(?:\w+\?)*$/

window下"檔案"路徑 /^[a-zA-Z]:\(?:\w+\)*\w+.\w+$/

股票程式碼(A股) /^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/

大於等於0, 小於等於150, 支援小數位出現5, 如145.5, 用於判斷考卷分數 /^150$|^(?:\d|[1-9]\d|1[0-4]\d)(?:.5)?$/

html註釋 /^$/

md5格式(32位) /^([a-f\d]{32}|[A-F\d]{32})$/

GUID/UUID /^[a-f\d]{4}(?:[a-f\d]{4}-){4}[a-f\d]{12}$/i

版本號(version)格式必須為X.Y.Z /^\d+(?:.\d+){2}$/

視訊(video)連結地址(視訊格式可按需增刪) /^https?:\/\/(.+\/)+.+(.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i

圖片(image)連結地址(圖片格式可按需增刪) /^https?:\/\/(.+\/)+.+(.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i

24小時制時間(HH:mm:ss) /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/

12小時制時間(hh:mm:ss) /^(?:1[0-2]|0?[1-9]):[0-5]\d:[0-5]\d$/

base64格式 /^\sdata:(?:[a-z]+\/[a-z0-9-+.]+(?:;[a-z-]+=[a-z0-9-]+)?)?(?:;base64)?,([a-z0-9!$&',()+;=-._~:@/?%\s]?)\s$/i

數字/貨幣金額(支援負數、千分位分隔符) /^-?\d+(,\d{3})*(.\d{1,2})?$/

數字/貨幣金額 (只支援正數、不支援校驗千分位分隔符) /(?:^1-9?(?:.[0-9]{1,2})?$)|(?:^(?:0)$)|(?:^[0-9].0-9?$)/

銀行卡號(10到30位, 覆蓋對公/私賬戶, 參考微信支付) /^[1-9]\d{9,29}$/

中文姓名 /^(?:[\u4e00-\u9fa5·]{2,16})$/

英文姓名 /(^[a-zA-Z][a-zA-Z\s]{0,20}[a-zA-Z]$)/

車牌號(新能源) /^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領]A-HJ-NP-Z|[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9掛學警港澳])$/

車牌號(非新能源) /^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9掛學警港澳]$/

車牌號(新能源+非新能源) /^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9掛學警港澳]$/

手機號(mobile phone)中國(嚴謹), 根據工信部2019年最新公佈的手機號段 /^(?:(?:+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/

手機號(mobile phone)中國(寬鬆), 只要是13,14,15,16,17,18,19開頭即可 /^(?:(?:+|00)86)?1[3-9]\d{9}$/

手機號(mobile phone)中國(最寬鬆), 只要是1開頭即可, 如果你的手機號是用來接收簡訊, 優先建議選擇這一條 /^(?:(?:+|00)86)?1\d{10}$/

date(日期) /^\d{1,4}(-)(1[0-2]|0?[1-9])\1(0?[1-9]|[1-2]\d|30|31)$/

email(郵箱) /^(([^<>()[]\.,;:\[email protected]"]+(.[^<>()[]\.,;:\[email protected]"]+)*)|(".+"))@(([[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,}))$/

座機(tel phone)電話(國內),如: 0341-86091234 /^(?:(?:\d{3}-)?\d{8}|^(?:\d{4}-)?\d{7,8})(?:-\d+)?$/

身份證號(1代,15位數字) /^[1-9]\d{7}(?:0\d|10|11|12)(?:0[1-9]|[1-2][\d]|30|31)\d{3}$/

身份證號(2代,18位數字),最後一位是校驗位,可能為數字或字元X /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/

身份證號, 支援1/2代(15位/18位數字) /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/

護照(包含香港、澳門) /(^[EeKkGgDdSsPpHh]\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\d{7}$)/

帳號是否合法(字母開頭,允許5-16位元組,允許字母數字下劃線組合 /^[a-zA-Z]\w{4,15}$/

中文/漢字 /^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/

小數 /^\d+.\d+$/

數字 /^\d{1,}$/

html標籤(寬鬆匹配) /<(\w+)[^>]>(.?<\/\1>)?/

qq號格式正確 /^[1-9][0-9]{4,10}$/

數字和字母組成 /^[A-Za-z0-9]+$/

英文字母 /^[a-zA-Z]+$/

小寫英文字母組成 /^[a-z]+$/

大寫英文字母 /^[A-Z]+$/

密碼強度校驗,最少6位,包括至少1個大寫字母,1個小寫字母,1個數字,1個特殊字元 /^\S(?=\S{6,})(?=\S\d)(?=\S[A-Z])(?=\S[a-z])(?=\S[[email protected]#$%^&? ])\S*$/

使用者名稱校驗,4到16位(字母,數字,下劃線,減號) /^[a-zA-Z0-9_-]{4,16}$/

ip-v4[:埠] /^((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]).){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/

ip-v6[:埠] /^(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b).){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b).){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b).){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))|[(?:(?:(?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b).){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b).){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b).){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))](?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/i

16進位制顏色 /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/

微訊號(wx),6至20位,以字母開頭,字母,數字,減號,下劃線 /^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/

郵政編碼(中國) /^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\d{4}$/

中文和數字 /^((?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])|(\d))+$/

不能包含字母 /^[^A-Za-z]*$/

java包名 /^([a-zA-Z_]\w)+([.][a-zA-Z_]\w)+$/

mac地址 /^((([a-f0-9]{2}:){5})|(([a-f0-9]{2}-){5}))[a-f0-9]{2}$/i

匹配連續重複的字元 /(.)\1+/

數字和英文字母組成,並且同時含有數字和英文字母 /^(?=.[a-zA-Z])(?=.\d).+$/

希望以上的分享能幫到大家。想了解更多前端技術知識,歡迎關注小千,後期會繼續分享前端技術喲。

本文來自千鋒教育,轉載請註明出處。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2838738/,如需轉載,請註明出處,否則將追究法律責任。

相關文章