久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置：首頁  >  技術(shù)干貨  > JavaScript正則全面解析(含ES6部分)

JavaScript正則全面解析(含ES6部分)

來源：千鋒教育
發(fā)布人：wjy
時間： 2022-06-01 16:12:00 1654071120

正則表達式，又稱規(guī)則表達式。（英語：Regular Expression，在代碼中常簡寫為regex、regexp或RE），計算機科學的一個概念。正則表達式通常被用來檢索、替換那些符合某個模式(規(guī)則)的文本。

正則表達式是專門處理復雜的字符串需求的，很多語言都支持正則表達式，本文將站在JavaScript語言的視角，全面解析正則。

## 創(chuàng)建正則對象

正則屬于內(nèi)置對象，可以通過兩種方式進行創(chuàng)建。

### 正則字面量形式

```js
let re = /abc/;
```

### 正則構(gòu)造函數(shù)形式

```js
let re = new RegExp('abc');
```

這兩種形式都可以創(chuàng)建正則對象，不過他們之間也是有區(qū)別的。正則字面量形式雖然寫法比較簡單，但是沒辦法做到變量傳參，例如：

```js
let key = 'abc';
    let re = /key/;   // 并不會把key替換成abc
```

而正則構(gòu)造函數(shù)形式卻可以實現(xiàn)，例如：

```js
let key = 'abc';
    let re = new RegExp(key);   // 會把key替換成abc
```

在最新的ES6語法中，還允許，正則字面量與正則構(gòu)造函數(shù)混合使用，例如：

```js
let re = new RegExp(/abc/);   // success
```

## 正則相關(guān)方法

目前JavaScript正則中會涉及到7個常見方法，分別如下：

- test
- exec
- split
- search
- replace
- match
- matchAll

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

### 字符串實例方法

1. split方法解析，split為字符串分割成數(shù)組，可以通過一個分隔符進行分割，即：

```js
let str = '1+2+3+4';
    let arr = str.split('+');    // ["1", "2", "3", "4"]
```

split在正則操作中，可以以正則作為分隔符進行操作，即：

```js
let str = 'a1b2c3d';
    let arr = str.split(/\d/);    // ["a", "b", "c", "d"]
```

\2. search方法解析，search通過正則在字符串中進行查找，如果查詢到即范圍對應字符串的位置，如果沒查詢到即范圍-1，代碼如下：

```js
let str = 'hello world';
    let pos1 = str.search(/e/);   // 1   
    let pos2 = str.search(/q/);   // -1
```

\3. replace方法解析，replace可以把正則匹配到的字符串替換成一個新的字符串，代碼如下：

```js
let str = 'hello world';
    let ret = str.replace(/hello/, 'hi');   // hi world
```

replace方法的第二個參數(shù)，除了可以是要替換成的新字符串，也可以是一個回調(diào)函數(shù)，通過回調(diào)函數(shù)可以讓替換實現(xiàn)更復雜的需求，上面代碼用回調(diào)函數(shù)改寫后的樣子，即：

```js
let str = 'hello world';
    let ret = str.replace(/hello/, function(){    // hi world
        return 'hi';
    });
```

在回調(diào)函數(shù)的參數(shù)中，可以得到相關(guān)的一些值，如：正則匹配到的結(jié)果就會已第一個參數(shù)返回。

```js
let str = 'hello world';
    let ret = str.replace(/hello/, function(ret){    // HELLO world
        return ret.toUpperCase();
    });
```

\4. match方法解析，match可以把正則匹配到的結(jié)果，返回一個數(shù)組，如果沒有匹配成功的話，將返回null。

```js
let str = 'hello world';
    let arr1 = str.match(/e/);   // ["e"]
    let arr2 = str.match(/q/);   // null
```

除了可以匹配到值以外，還能匹配到位置等一些其他信息。

```js
let str = 'hello world';
    let arr = str.match(/e/);   // ["e", index: 1, input: "hello world", groups: undefined]
```

但是match有一個問題，就是在全局匹配模式下，只能得到匹配的值，但是得不到其他相關(guān)信息。

```js
let str = 'hello world';
    let arr = str.match(/e/g);   // ["e"] 只有所有字符串中e的值
```

\5. matchAll方法解析，matchAll就是為了解決上面match中遇到的問題，當全局匹配的時候，也能得到詳細的信息，不過matchAll返回的并不是一個數(shù)組，而是返回一個遍歷器，即Iterator。利用JavaScript的擴展運算符可以非常方便的把遍歷器對象轉(zhuǎn)換成數(shù)組對象。

```js
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]
    ] */
```

### 正則實例方法

1. test方法解析，test判斷正則是否在字符串中出現(xiàn)過，如果出現(xiàn)返回true，如果沒出現(xiàn)返回false。

```js
let str = 'hello world';
    let ret1 = /e/.test(str);   // true 
    let ret2 = /q/.test(str);   // false
```

\2. exec方法解析，exec跟match方法類似，也是返回匹配到的數(shù)組，如果沒有匹配成功也是返回null。

```js
let str = 'hello world';
    let arr1 = /e/.exec(str)   // ["e"]
    let arr2 = /q/.exec(str);   // null
```

區(qū)別在于exec方法在全局模式下，可以多次調(diào)用返回不同的值信息，如下：

```js
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
```

當匹配不到結(jié)果的時候，才會返回null，所以在有g(shù)的情況下使用的時候要額外的小心，其實test方法也是具備這個特性的，例如：

```js
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
```

JavaScript正則全面解析

## 模式修飾符

正則表達式為了改變模式的一些行為，提供了模式修飾符，常見的模式修飾符如下：

- g修飾符
- i修飾符
- m修飾符
- u修飾符
- y修飾符
- s修飾符

### g修飾符

全局匹配，找到所有匹配，而不是第一個匹配成功后就結(jié)束。

```js
let str = 'hello world';
let arr = str.match(/l/g);   // ["l", "l", "l"]
```

會找到整個字符串中所有出現(xiàn)過的l字符，g修飾符的目的就是從頭匹配到尾，不管匹配過程中是成功還是失敗。

### i修飾符

忽略大小寫，默認情況下是區(qū)分大小寫的。

```js
let str = 'hello world';
let ret1 = /E/.test(str);     // false
let ret2 = /E/i.test(str);    // true
```

### m修飾符

可以執(zhí)行多行匹配，作用是修改^和$在正則表達式中的作用，讓它們分別表示行首和行尾。在默認狀態(tài)下，一個字符串無論是否換行只有一個開始^和結(jié)尾$，如果采用多行匹配，那么每一個行都有一個^和結(jié)尾$。

```js
let str = 'hello\n world';
let ret1 = /hello$/.test(str);     // false
let ret2 = /hello$/m.test(str);    // true
```

### u修飾符

意思是“Unicode模式”，用于正確處理大于\ uFFFF的 Unicode字符。這就是說，4字節(jié)的UTF-16編碼將被正確地處理。

```js
let str = '\uD83D\uDC2A';
let ret1 = /^\uD83D/.test(str);     // true
let ret2 = /^\uD83D/u.test(str);    // false
```

在上述代碼中，\uD83D\uDC2A是4字節(jié)的UTF-16編碼，它代表一個字符。然而，ES5并不支持4字節(jié)的UTF-16編碼，當它被識別為兩個字符時，結(jié)果為 true。在加入 u修飾符之后，ES6將識別出它是字符，因此第一行代碼的結(jié)果是 false。添加了一個u修飾符號之后，下面這些正則表達式的行為被修改。

### y修飾符

類似于g修飾符，也是全局匹配，后者將從上次匹配成功的下一個位置開始。區(qū)別在于， g修飾符只要在余下的位置上存在匹配，而 y修飾符則確保匹配必須從剩下的第一個位置開始，這就是粘連的含義。

```js
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修飾符。那兩個正則表達式分別執(zhí)行兩次，第一次執(zhí)行時，它們表現(xiàn)相同，剩下的字符串都是_aa_a。因為 g修飾不需要位置，因此第二次執(zhí)行返回結(jié)果，而 y修飾符要求匹配必須從頭部開始，因此返回 null。

### s修飾符

dotAll模式，匹配任何字符（包括終止符\n）。這個的目的是解決不能匹配終止符的問題。

```js
/foo.bar/s.test('foo\nbar') // true
```

## 正則基礎(chǔ)語法

正則除了相關(guān)方法和修飾符外，還有很多跟正則相關(guān)的語法，先來看看基礎(chǔ)語法的使用。

### 轉(zhuǎn)義字符

轉(zhuǎn)義字符在正則中主要有兩種用法：

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

\2. 表示跟正則語法沖突的字符形式。

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

- \d 匹配數(shù)字
- \D 匹配非數(shù)字
- \s 匹配空格
- \S 匹配非空格
- \w 匹配字符
- \W 匹配非字符
- \b 匹配端點
- \B 匹配非端點

數(shù)字、空格都比較簡單，下面來說說字符，在正則中字符表示的是字母、下劃線、數(shù)字這三部分，除了這三部分以外的字符表示非字符；在正則中端點表示的是起始、結(jié)束、空格這三部分，除了這三部分以外的字符表示非端點。

```js
let str = 'hello world';
let ret1 = /\w/.test(str);  // true
let ret2 = /\bhello\b/.test(str);  // true
```

在第二種用法中，常見的語法轉(zhuǎn)義功能有：

- \+ 匹配+字符
- \* 匹配*字符
- \? 匹配?字符
- \/ 匹配/字符
- . 匹配.字符
- ( 匹配(字符
- [ 匹配[字符
- { 匹配{字符
- \| 匹配|字符

這些字符在正則中本身就是語法，所以不能進行對應的字符匹配，需要進行轉(zhuǎn)義后方可匹配成功。

```js
let str = 'hello?world';
let ret1 = /hello?world/.test(str);   // false
let ret2 = /hello\?world/.test(str);  // true
```

### 量詞

主要目的是匹配不確定的字符位數(shù)，常見的語法有：

\- `*` 匹配至少0位

\- `+` 匹配至少1位

\- `?` 匹配至少0位到1位

```js
let str = 'ab';
let ret = /ab+/.test(str);   // 匹配 ab  abb abbb ...
```

上面這些量詞符號，其實是{}語法的一種簡寫形式，即：*對應{0,}，+對應{1,}，?對應{0,1}。{}是專門進行量詞匹配的。

```js
let str = '1234';
let ret = /\d{4}/.test(str);   // 匹配四位數(shù)字
```

### 字符范圍

有時候需要對字符進行或的操作，在正則中專門提供了 `|` 作為或操作方式。

```js
let str = 'abc';
let ret = /a(b|d|e)c/.test(str);   // 匹配：abc、adc、aec 這幾個詞
```

除了可以用 `|` 操作符以外，還可以選擇 `[]` 方式。

```js
let str = 'abc';
let ret = /a[bde]c/.test(str);   // 匹配：abc、adc、aec 這幾個詞
```

`[]`中的每一個字符都是或的關(guān)系，如果要表示返回比較大的操作，還可以采用`-`語法。

```js
let str = 'abc';
let ret = /a[a-z]c/.test(str);   // a-z匹配26個字母  0-9匹配所有數(shù)字等
```

`[]`中還可以進行排除操作，通過`^`語法實現(xiàn)。

```js
let str = 'abc';
let ret = /a[^bde]c/.test(str);   // 匹配除了：abc、adc、aec 這幾個詞以外的詞
```

### 起始與結(jié)束

有時候需要匹配整體字符串，而不是只匹配字符串的部分，這種情況下就要用到起始和結(jié)束了，例如只匹配兩位數(shù)的正則寫法。

```js
let str = 'a19b';
let ret = /^\d{2}$/.test(str);   // false 需要整體匹配成功才可
let ret = /\d{2}/.test(str);     // true 部分匹配成功即可
```

其中`^`表示起始位置必須是數(shù)字，`$`表示結(jié)束位置必須是數(shù)字，這樣就可以保證正則去字符串中匹配整體。

## **正則高級語法**

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

### 子項與重復的子項

在正則中可以通過`()`來進行分組，除了分組外，`()`還有一個很重要的作用就是子項了。子項的含義是匹配到正則匹配到的部分的局部字符。

```js
let str = 'hello world';
let ret = str.match(/h(e)llo/);  // ["hello", "e", index: 0, input: "hello world", groups: undefined]
```

可以看到"hello"是匹配到的整體，而"e"就是匹配到的子項，而且正則中子項添加也是可以存在多個的，例如：

```js
let str = 'hello world';
let ret = str.match(/h(e)(ll)(o)/);  // ["hello", "e", "ll", "o", index: 0, input: "hello world", groups: undefined]
```

以上結(jié)果中會返回三個子項，分別為："e"、"ll"、"o"；如果想要忽略掉子項，只是保留分組功能的話，可以采用 ?: 這個語法。

```js
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，這里就不一一演示了。

### 具名組匹配

可以發(fā)現(xiàn)子項的排列是根據(jù)順序來決定的，除了順序外，還可以通過具名的方式進行匹配。允許為每一個組匹配指定一個名字，既便于閱讀代碼，又便于引用。

```js
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"
```

上例中，“具名組匹配”位于括號內(nèi)，“問號+尖括號+組名”(？< year>)，然后可以在exec方法返回結(jié)果的 groups屬性中引用它。與此同時，數(shù)字序號(matchObj [1])仍然有效。

具名組匹配等于在每一組匹配中添加ID，便于描述匹配的目的。當更改組順序時，也不必更改匹配后的處理代碼。若該具名組不匹配，則對應的groups對象屬性為未定義。

### 貪婪模式與非貪婪模式

貪婪匹配:正則表達式一般趨向于最大長度匹配，也就是所謂的貪婪匹配。非貪婪匹配：就是匹配到結(jié)果就好，就少的匹配字符。

```js
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>']
```

可以看到兩段代碼的對比，貪婪是把可以匹配的最大長度得到，而非貪婪是最少匹配字符，可通過?的方式實現(xiàn)非貪婪模式。

### 前瞻與后顧

前瞻與后顧，只把它作為條件，但是不會把它匹配到結(jié)果中。相關(guān)的語法：

- (?=exp) 正向前瞻 例如：100(?=px) -> 100px 匹配成功 -> 結(jié)果：100
- (?!exp) 負向前瞻 例如：100(?!px) -> 100rem、100% 匹配成功 -> 結(jié)果：100
- (?<=exp) 正向后顧 例如：(?<=\$)123 -> $123 匹配成功 -> 結(jié)果：123
- (?<!exp) 負向后顧 例如：(?<!\$)123 -> ￥123 a123 匹配成功 -> 結(jié)果：123

## 正則常見案例

火車車次 /^[GCDZTSPKXLY1-9]\d{1,4}$/

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

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

網(wǎng)址(url,支持端口和"?+參數(shù)"和"#+參數(shù)) /^(((ht|f)tps?):\/\/)?[\w-]+(.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?$/

統(tǒng)一社會信用代碼 /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/

統(tǒng)一社會信用代碼(寬松匹配)(15位/18位/20位數(shù)字/字母) /^(([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,}.*$/

子網(wǎng)掩碼 /^(?:\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, 支持小數(shù)位出現(xiàn)5, 如145.5, 用于判斷考卷分數(shù) /^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格式 /^\s*data:(?:[a-z]+\/[a-z0-9-+.]+(?:;[a-z-]+=[a-z0-9-]+)?)?(?:;base64)?,([a-z0-9!$&',()*+;=-._~:@/?%\s]*?)\s*$/i

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

數(shù)字/貨幣金額 (只支持正數(shù)、不支持校驗千分位分隔符) /(?:^[1-9](https://link.zhihu.com/?target=https%3A//github.com/any86/any-rule/blob/master/%5B0-9%5D%2B)?(?:.[0-9]{1,2})?$)|(?:^(?:0)$)|(?:^[0-9].[0-9](https://link.zhihu.com/?target=https%3A//github.com/any86/any-rule/blob/master%3F%3A%5B0-9%5D)?$)/

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

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

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

車牌號(新能源) /^[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領(lǐng)][A-HJ-NP-Z](https://link.zhihu.com/?target=https%3A//github.com/any86/any-rule/blob/master%3F%3A((%5Cd%7B5%7D%5BA-HJK%5D)%7C(%5BA-HJK%5D%5BA-HJ-NP-Z0-9%5D%5B0-9%5D%7B4%7D))|[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9掛學警港澳])$/

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

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

手機號(mobile phone)中國(嚴謹), 根據(jù)工信部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開頭即可, 如果你的手機號是用來接收短信, 優(yōu)先建議選擇這一條 /^(?:(?:+|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(郵箱) /^(([^<>()[]\.,;:\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,}))$/

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

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

身份證號(2代,18位數(shù)字),最后一位是校驗位,可能為數(shù)字或字符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位數(shù)字) /^\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字節(jié)，允許字母數(shù)字下劃線組合 /^[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])+$/

小數(shù) /^\d+.\d+$/

數(shù)字 /^\d{1,}$/

html標簽(寬松匹配) /<(\w+)[^>]*>(.*?<\/\1>)?/

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

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

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

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

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

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

用戶名校驗，4到16位（字母，數(shù)字，下劃線，減號） /^[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位，以字母開頭，字母，數(shù)字，減號，下劃線 /^[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}$/

中文和數(shù)字 /^((?:[\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

匹配連續(xù)重復的字符 /(.)\1+/

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

香港身份證 /^[a-zA-Z]\d{6}([\dA])$/

澳門身份證 /^[1|5|7]\d{6}[(\d)]{3}$/

臺灣身份證 /^[a-zA-Z][0-9]{9}$/

更多關(guān)于“html5培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒已有十余年的培訓經(jīng)驗，課程大綱更科學更專業(yè)，有針對零基礎(chǔ)的就業(yè)班，有針對想提升技術(shù)的提升班，高品質(zhì)課程助理你實現(xiàn)夢想。

tags:
聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié)，手把手帶你蛻變精英
請您保持通訊暢通，專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取

上一篇

一個寒假 超7億人在線看視頻

下一篇

一年過去了 抖音都記錄了你生活中的哪些重要時刻
相關(guān)推薦HOT