一個有用的在線工具 https://regexper.com/

一、元字符

1. 創建方法

字面量:
var 變量名 = /表達式/模式匹配符

var e = /\bare\b/

構造函數
var 變量名 = new RegExp （"表達式", "模式匹配符"）

var e = new RegExp('\\bare\\b');

2. 單個的字符與數字

3. 空白字符

4. 量詞

*和+都是貪婪匹配，匹配時總是尋找最大的匹配，而不是最小的。
*?是*的非貪婪版本
*?是*的非貪婪版本

5. 定位符

注意：如果使用多行模式的話，(?m)必須放置在正則表達式的開始。

二、方法

（一）實例方法

1. exec()

在字符串中進行匹配檢索，返回找到的值，并確定其位置

RegExpObject.exec(string)

var IS_CHINA_UNION = /^(?:13[0-2]|145|146|15[56]|171|18[56])\d{7,8}$/; 
IS_CHINA_UNION .exec('15600000000')  
// 返回一個數組，["15600000000", index: 0, input: "15647251102", groups: undefined]
// 如果去掉上面正則括號中的？:
// 會返回 ["15600000000", "156", index: 0, input: "15647251102", groups: undefined]
// 不加？：表示對正則進行了分組

2. test()

在字符串中測試模式匹配，返回true或false

RegExpObject.test(string)

（二）字符串方法

1. match()

找到一個或多個正則表達式的匹配

var strMatch = "hello world,hello world";
strMatch.match("world"));    // ["world", index: 6, input: "hello world,hello world"]
strMatch.match(/world/g));    // ["world", "world"]

2. replace()

替換與正則表達式匹配的子串

var strReplace = "hello world,hello world";
 //替換字符串
 var s1 = strReplace.replace("hello","a");
 s1;    //a world,hello world
 //使用正則替換字符串
 var s2 = strReplace.replace(/hello/,"a");
 s2;    //a world,hello world
 var s3 = strReplace.replace(/hello/g,"a");
 s3;    //a world,a world

3. search()

檢索與正則表達式相匹配的值

var strSearch = "hello world,hello world";
strSearch.search('wo');      //6

4. split()

把字符串分割為字符串數組

 var strSplit = "what are you doing?";
 //以" "分割字符串
 console.log(strSplit.split(" "));                   
 //["what", "are", "you", "doing?"]
 //以""分割
 console.log(strSplit.split(""));                    
 //["w", "h", "a", "t", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", "?"]
 console.log(strSplit.split("",3));                 
 //["w", "h", "a"]

三、例子

常用的幾個例子：

郵箱：^[a-zA-Z0-9]{4,}@[a-z0-9A-Z]{2,}\\.[a-zA-Z]{2,}$

手機號碼：^((13[0-9])|(15[^4\\D])|(18[0,2,5-9]))\\d{8}$

大陸固定電話號碼：^\\d{4}-|\\d{3}-)?(\\d{8}|\\d{7}$

身份證號：\\d{14}[[0-9],0-9xX]

Email地址：^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\.\\w+([-.]\\w+)*$

純數字：^[0-9]*$

由數字和英文字母組成：^[A-Za-z0-9]+$

QQ號：^[1-9][0-9]\{4,\}$

中國郵政編碼：^[1-9]\\d{5}(?!\\d)$

URL：^http(s)?://([\\w-]+\\.)+[\\w-]+(/[\\w- ./?%&=]*)?$

純漢字：^[\u4e00-\u9fa5]{0,}$

參考例子：

1.驗證用戶名和密碼：”^[a-zA-Z]\w{5,15}$”

2.驗證電話號碼：（”^(\d{3,4}-)\d{7,8}$”）

eg：021-68686868 0511-6868686；

3.驗證手機號碼：”^1[3|4|5|7|8][0-9]\d{8}$”；

4.驗證身份證號（15位或18位數字）：”\d{14}[[0-9],0-9xX]”；

5.驗證Email地址：(“^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$”)；

6.只能輸入由數字和26個英文字母組成的字符串：(“^[A-Za-z0-9]+$”) ;

7.整數或者小數：^[0-9]+([.]{0,1}[0-9]+){0,1}$

8.只能輸入數字：”^[0-9]*$”。

9.只能輸入n位的數字：”^\d{n}$”。

10.只能輸入至少n位的數字：”^\d{n,}$”。

11.只能輸入m~n位的數字：”^\d{m,n}$”。

12.只能輸入零和非零開頭的數字：”^(0|[1-9][0-9]*)$”。

13.只能輸入有兩位小數的正實數：”^[0-9]+(.[0-9]{2})?$”。

14.只能輸入有1~3位小數的正實數：”^[0-9]+(.[0-9]{1,3})?$”。

15.只能輸入非零的正整數：”^+?[1-9][0-9]*$”。

16.只能輸入非零的負整數：”^-[1-9][]0-9″*$。

17.只能輸入長度為3的字符：”^.{3}$”。

18.只能輸入由26個英文字母組成的字符串：”^[A-Za-z]+$”。

19.只能輸入由26個大寫英文字母組成的字符串：”^[A-Z]+$”。

20.只能輸入由26個小寫英文字母組成的字符串：”^[a-z]+$”。

21.驗證是否含有^%&’,;=?\”等字符：”[^%&’,;=?\x22]+”。

22.只能輸入漢字：”^[\u4e00-\u9fa5]{0,}$”。

23.驗證URL：”^http://([\w-]+.)+[\w-]+(/[\w-./?%&=]*)?$”。

24.驗證一年的12個月：”^(0?[1-9]|1[0-2])$”正確格式為：”01″～”09″和”10″～”12″。

25.驗證一個月的31天：”^((0?[1-9])|((1|2)[0-9])|30|31)$”正確格式為；”01″～”09″、”10″～”29″和“30”~“31”。

26.獲取日期正則表達式：\d{4}[年|-|.]\d{\1-\12}[月|-|.]\d{\1-\31}日?

評注：可用來匹配大多數年月日信息。

27.匹配雙字節字符(包括漢字在內)：[^\x00-\xff]

評注：可以用來計算字符串的長度（一個雙字節字符長度計2，ASCII字符計1）

28.匹配空白行的正則表達式：\n\s*\r

評注：可以用來刪除空白行

29.匹配HTML標記的正則表達式：<(\S?)[^>]>.?|<.? />

評注：網上流傳的版本太糟糕，上面這個也僅僅能匹配部分，對于復雜的嵌套標記依舊無能為力

30.匹配首尾空白字符的正則表達式：^\s|\s$

評注：可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等)，非常有用的表達式

31.匹配網址URL的正則表達式：[a-zA-z]+://[^\s]*

評注：網上流傳的版本功能很有限，上面這個基本可以滿足需求

32.匹配帳號是否合法(字母開頭，允許5-16字節，允許字母數字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

評注：表單驗證時很實用

33.匹配騰訊QQ號：[1-9][0-9]{4,}

評注：騰訊QQ號從10 000 開始

34.匹配中國郵政編碼：[1-9]\d{5}(?!\d)

評注：中國郵政編碼為6位數字

35.匹配ip地址：((2[0-4]\d|25[0-5]|[01]?\d\d?).){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)。