1，正則表達式的作用：匹配一個字符串中的一些內容
2，聲明和使用：
1）構造函數 var reg=new RegExp(/表達式/)
2）字面量 var reg=/表達式/ 推薦使用
eg: var reg=/abc/ 表示匹配含有abc 的字符串
常用方法：reg.test("要檢測的字符串") 返回布爾值
3，最簡單開始
1）簡單類 只要含有正則中的內容即可
var reg=/abc/
字符類:在正則中使用[]整體表示一位字符，字符串的某一個字符滿足中括號中內容的其中一個即可
var reg = /[abc]/;
console.log(reg.test("qwewtetwte"));//false
console.log(reg.test("qwewtaetwte"));//true反向類:在字符類中括號內部最開始寫一個^，表示反向
var reg = /[^abc]/; // 字符串中含有除了abc以外的任意字符即可返回true
console.log(reg.test("abc"));//false
4)范圍類
var reg = /[abcdefghigklmnopqrst]/;
var reg = /[a-t]/;//可以匹配到a到t之間的任意一個字符
console.log(reg.test("uwy"));//false
console.log(reg.test("guwy"));//true
想要匹配所有的小寫字母 //var reg = /[a-z]/;
想要匹配所有的大寫字母 var reg = /[A-Z]/;
想要匹配所有的數字 var reg = /[0-9]/組合類
//匹配數字和小寫字母
var reg = /[0-9a-z]/;
console.log(reg.test("AAAAAAAAAA"));//false
console.log(reg.test("AAAAA0AAAAA"));//true
console.log(reg.test("AAAAAaAAAAA"));//true
var reg = /[A-Z0-9a-z]/;
console.log(reg.test("AAAAAAAAAA"));//true
console.log(reg.test("012323"));//true
console.log(reg.test("aaaaaa"));//true
6）預定義類
var reg = /\d/;// /[0-9]/;
. 匹配除換行符以外的任意字符
\w 單詞字符(所有的字母數字和) word
\W [^a-zA-Z0-9] 非單詞字符
\s 匹配任意的空白符 space
\S [^\f\r\n\t\v] 可見字符
\d 匹配數字 digit
\D [^0-9] 非數字字符
\b 匹配單詞的開始或結束
console.log(reg.test("abca1d"));
7）字符轉義：（常用的）
如果使用元字符本身，需轉義如. *
. * \
8）補充
或者|
括號 () 提升優先級，先計算
var reg = /abc|bcd/;
console.log(reg.test("ab"));//false
console.log(reg.test("abc"));//true
console.log(reg.test("bcd"));//true
var reg = /a|b|c|d/;//如果使用單個字符，與后面的作用相同 [abcd]
9） ^ 匹配字符串的開始
$ 匹配字符串的結束
^ 在中括號外使用，寫在正則最前面時，表示匹配開頭,一個正則中只能使用一次
var reg = /^abc/;
console.log(reg.test("abcdefg")); //true
console.log(reg.test("aabcdefg"));//false
$ 寫在正則最后位置，表示以xxx結束
var reg = /abc$/;
console.log(reg.test("ddddabc"));//true
console.log(reg.test("ddddaabbc"));//false
^和$同時使用 嚴格匹配-必須跟書寫的正則內容完全相同
var reg = /^abc$/;
console.log(reg.test("abc"));//true
console.log(reg.test("abcabc"));//false
10）量詞
//使用量詞，表示數量
大括號中書寫一個數值。表示出現的次數
var reg = /^a{3}$/;
console.log(reg.test("aa"));//false
console.log(reg.test("aaa"));//true
console.log(reg.test("aaaa"));//false
匹配2-5個
var reg = /^a{2,5}$/;
console.log(reg.test("a"));//false
console.log(reg.test("aa"));//true
console.log(reg.test("aaaaaa"));//false
匹配至少3個
var reg = /^a{3,}$/;
console.log(reg.test("aa"));//false
console.log(reg.test("aaa"));//true
console.log(reg.test("aaaa"));//true
- 匹配0-多個 當字符串中某一個部分可選時，使用*
var reg = /^a*$/;
console.log(reg.test(""));//true
console.log(reg.test("a"));//true
console.log(reg.test("aaaa"));//true
- 匹配1個到多個
var reg = /^a+$/;
console.log(reg.test(""));//false
console.log(reg.test("a"));//true
console.log(reg.test("aaaa"));//true
? 匹配0個或1個
var reg = /^a?$/;
console.log(reg.test(""));//true
console.log(reg.test("a"));//true
console.log(reg.test("aaaa"));//false
4，replace 和匹配模式
var str = "abca";
//第一個參數可以使用字符串，同樣可以使用正則表達式
console.log(str.replace("a", "z")); //zbca
匹配模式
g - global 全局匹配
i - ignoreCase 忽略大小寫
console.log(str.replace(/a/ig, "z"));//zbcz
//trim是字符串方法
var str = " a a ";
console.log(str.trim());
var str = " a a ";
// \s 不可見字符
console.log(str.replace(/\s/g, ""));//替換掉所有的空格aa
console.log(str.replace(/^\s+|\s+$/g, ""));//替換掉兩端的空格a a
// 自己的trim方法
function Trim(str) {
return str.replace(/^\s+|\s+$/g, "");
}
5,正則提取 match
1） 字符串方法 match
var str = "aaa123hhh456hhh789aaa";
//提取出字符串中的數字
console.log(str.match(/\d{3}/)); //提取第一個匹配到的值["123", index: 3, input: "aaa123hhh456hhh789aaa"]
console.log(str.match(/\d{3}/g)); //提取所有的內容時，不會有index和input屬性字 ["123", "456", "789"]
var str = "http://小明：謝謝大神，我得郵箱是xiaoming@qq.com,哈哈小紅：謝謝大神，我得郵箱是xiaohong@qq.com,哈哈李雷：謝謝大神，我得郵箱是lilei@163.com,哈哈韓梅梅：謝謝大神，我得郵箱是hanmeimei@126.com,哈哈";
console.log(str.match(/\w+@\w+.\w+/g));
解析一下：@ 符號前面有一個或多個單詞，后同理，. 點 “.”的轉義 點后也是一個單詞 g 全局匹配
2）exec 分組提取
//正則.exec(字符串);
//正則.exec(字符串);
var reg = /\w+@\w+.\w+/g;
//通過同一個正則表達式多次處理一個字符串，可以多次提取出匹配到的內容以及起始位置索引值
//匹配不到時返回null
console.log(reg.exec(str));
var result;
while ((result = reg.exec(str)) != null) {
console.log("郵箱是：" + result + "，起始索引值為" + result.index);
}
var reg = /(\w+)@(\w+(?:.\w+)+)/g;
//使用()可以在正則表達式中進行分組，從左往右，第一個( 表示組1
//如果不想提取出某個組的內容，可以在這個組開始的(貼著的后面加上 ?:
var result;
while ((result = reg.exec(str)) != null) {
console.log("郵箱是：" + result[0]+"用戶名是："
+result[1]+"域名是:"
+result[2]);
//console.log(result);
}
(?<name>exp) 匹配exp,并捕獲文本到名稱為name的組里，也可以寫成(?'name'exp)
(?:exp) 匹配exp,不捕獲匹配的文本，也不給此分組分配組號
零寬斷言 (?=exp) 匹配exp前面的位置
(?<=exp) 匹配exp后面的位置
(?!exp) 匹配后面跟的不是exp的位置
(?<!exp) 匹配前面不是exp的位置
注釋 (?#comment) 這種類型的分組不對正則表達式的處理產生任何影響，用于提供注釋讓人閱讀
以下是收集于網絡中的常用正則表達式：
一、校驗數字的表達式
1 數字：^[0-9]$
2 n位的數字：^\d{n}$
3 至少n位的數字：^\d{n,}$
4 m-n位的數字：^\d{m,n}$
5 零和非零開頭的數字：^(0|[1-9][0-9])$
6 非零開頭的最多帶兩位小數的數字：^([1-9][0-9])+(.[0-9]{1,2})?$
7 帶1-2位小數的正數或負數：^(-)?\d+(.\d{1,2})?$
8 正數、負數、和小數：^(-|+)?\d+(.\d+)?$
9 有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$
10 有1~3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$
11 非零的正整數：^[1-9]\d$ 或 ^([1-9][0-9]){1,3}$ 或 ^+?[1-9][0-9]$
12 非零的負整數：^-[1-9][]0-9"$ 或 ^-[1-9]\d$
13 非負整數：^\d+$ 或 ^[1-9]\d|0$
14 非正整數：^-[1-9]\d|0$ 或 ^((-\d+)|(0+))$
15 非負浮點數：^\d+(.\d+)?$ 或 ^[1-9]\d.\d|0.\d[1-9]\d|0?.0+|0$
16 非正浮點數：^((-\d+(.\d+)?)|(0+(.0+)?))$ 或 ^(-([1-9]\d.\d|0.\d[1-9]\d))|0?.0+|0$
17 正浮點數：^[1-9]\d.\d|0.\d[1-9]\d$ 或 ^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$
18 負浮點數：^-([1-9]\d.\d|0.\d[1-9]\d)$ 或 ^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$
19 浮點數：^(-?\d+)(.\d+)?$ 或 ^-?([1-9]\d.\d|0.\d[1-9]\d|0?.0+|0)$
二、校驗字符的表達式
1 漢字：^[\u4e00-\u9fa5]{0,}$
2 英文和數字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$
3 長度為3-20的所有字符：^.{3,20}$
4 由26個英文字母組成的字符串：^[A-Za-z]+$
5 由26個大寫英文字母組成的字符串：^[A-Z]+$
6 由26個小寫英文字母組成的字符串：^[a-z]+$
7 由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$
8 由數字、26個英文字母或者下劃線組成的字符串：^\w+$ 或 ^\w{3,20}$
9 中文、英文、數字包括下劃線：^[\u4E00-\u9FA5A-Za-z0-9_]+$
10 中文、英文、數字但不包括下劃線等符號：^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$
11 可以輸入含有%&',;=?$"等字符：[%&',;=?$\x22]+
12 禁止輸入含有的字符：[^\x22]+
三、特殊需求表達式
1 Email地址：^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)$
2 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?
3 InternetURL：[a-zA-z]+://[^\s] 或 ^http://([\w-]+.)+[\w-]+(/[\w-./?%&=])?$
4 手機號碼：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
5 電話號碼("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX)：^((\d{3,4}-)|\d{3.4}-)?\d{7,8}$
6 國內電話號碼(0511-4405222、021-87888822)：\d{3}-\d{8}|\d{4}-\d{7}
7 身份證號(15位、18位數字)：^\d{15}|\d{18}$
8 短身份證號碼(數字、字母x結尾)：^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$
9 帳號是否合法(字母開頭，允許5-16字節，允許字母數字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
10 密碼(以字母開頭，長度在6~18之間，只能包含字母、數字和下劃線)：^[a-zA-Z]\w{5,17}$
11 強密碼(必須包含大小寫字母和數字的組合，不能使用特殊字符，長度在8-10之間)：^(?=.\d)(?=.[a-z])(?=.[A-Z]).{8,10}$
12 日期格式：^\d{4}-\d{1,2}-\d{1,2}
13 一年的12個月(01～09和1～12)：^(0?[1-9]|1[0-2])$
14 一個月的31天(01～09和1～31)：^((0?[1-9])|((1|2)[0-9])|30|31)$
15 錢的輸入格式：
16 1.有四種錢的表示形式我們可以接受:"10000.00" 和 "10,000.00", 和沒有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]$
17 2.這表示任意一個不以0開頭的數字,但是,這也意味著一個字符"0"不通過,所以我們采用下面的形式：^(0|[1-9][0-9])$
18 3.一個0或者一個不以0開頭的數字.我們還可以允許開頭有一個負號：^(0|-?[1-9][0-9])$
19 4.這表示一個0或者一個可能為負的開頭不為0的數字.讓用戶以0開頭好了.把負號的也去掉,因為錢總不能是負的吧.下面我們要加的是說明可能的小數部分：^[0-9]+(.[0-9]+)?$
20 5.必須說明的是,小數點后面至少應該有1位數,所以"10."是不通過的,但是 "10" 和 "10.2" 是通過的：^[0-9]+(.[0-9]{2})?$
21 6.這樣我們規定小數點后面必須有兩位,如果你認為太苛刻了,可以這樣：^[0-9]+(.[0-9]{1,2})?$
22 7.這樣就允許用戶只寫一位小數.下面我們該考慮數字中的逗號了,我們可以這樣：^[0-9]{1,3}(,[0-9]{3})(.[0-9]{1,2})?$
23 8.1到3個數字,后面跟著任意個 逗號+3個數字,逗號成為可選,而不是必須：^([0-9]+|[0-9]{1,3}(,[0-9]{3}))(.[0-9]{1,2})?$
24 備注：這就是最終結果了,別忘了"+"可以用""替代如果你覺得空字符串也可以接受的話(奇怪,為什么?)最后,別忘了在用函數時去掉去掉那個反斜杠,一般的錯誤都在這里
25 xml文件：^([a-zA-Z]+-?)+[a-zA-Z0-9]+\.[x|X][m|M][l|L]$
26 中文字符的正則表達式：[\u4e00-\u9fa5]
27 雙字節字符：[^\x00-\xff] (包括漢字在內，可以用來計算字符串的長度(一個雙字節字符長度計2，ASCII字符計1))
28 空白行的正則表達式：\n\s\r (可以用來刪除空白行)
29 HTML標記的正則表達式：<(\S?)[^>]>.?</\1>|<.? /> (網上流傳的版本太糟糕，上面這個也僅僅能部分，對于復雜的嵌套標記依舊無能為力)
30 首尾空白字符的正則表達式：^\s|\s$或(^\s)|(\s*$) (可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等)，非常有用的表達式)
31 騰訊QQ號：[1-9][0-9]{4,} (騰訊QQ號從10000開始)
32 中國郵政編碼：[1-9]\d{5}(?!\d) (中國郵政編碼為6位數字)
33 IP地址：\d+.\d+.\d+.\d+ (提取IP地址時有用)
34 IP地址：((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))
1 . 校驗密碼強度
密碼的強度必須是包含大小寫字母和數字的組合，不能使用特殊字符，長度在8-10之間。
^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$
- 校驗中文
字符串僅能是中文。
^[\u4e00-\u9fa5]{0,}$
- 由數字、26個英文字母或下劃線組成的字符串
^\w+$ - 校驗E-Mail 地址
同密碼一樣，下面是E-mail地址合規性的正則檢查語句。
[\w!#$%&'+/=?^_{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_{|}~-]+)@(?:\w?\.)+\w?
- 校驗身份證號碼
下面是身份證號碼的正則校驗。15 或 18位。
15位：
^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$
18位：
^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$
- 校驗日期
“yyyy-mm-dd“ 格式的日期校驗，已考慮平閏年。
^(?:(?!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)$
- 校驗金額
金額校驗，精確到2位小數。
^[0-9]+(.[0-9]{2})?$
- 校驗手機號
下面是國內 13、15、18開頭的手機號正則表達式。（可根據目前國內收集號擴展前兩位開頭號碼）
^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
- 判斷IE的版本
IE目前還沒被完全取代，很多頁面還是需要做版本兼容，下面是IE版本檢查的表達式。
^.MSIE 5-8?(?!.Trident\/[5-9]\.0).*$
- 校驗IP-v4地址
IP4 正則語句。
\b(?:(?: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]?)\b
- 校驗IP-v6地址
IP6 正則語句。
(([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]))
- 檢查URL的前綴
應用開發中很多時候需要區分請求是HTTPS還是HTTP，通過下面的表達式可以取出一個url的前綴然后再邏輯判斷。
if (!s.match(/^[a-zA-Z]+:\/\//))
{
s = 'http://' + s;
}
- 提取URL鏈接
下面的這個表達式可以篩選出一段文本中的URL。
^(f|ht){1}(tp|tps):\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?
- 文件路徑及擴展名校驗
驗證windows下文件路徑和擴展名（下面的例子中為.txt文件）
([a-zA-Z]\:|\\)\\([\\]+\\)[^\/:?"<>|]+\.txt(l)?$
- 提取Color Hex Codes
有時需要抽取網頁中的顏色代碼，可以使用下面的表達式。
^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$
- 提取網頁圖片
假若你想提取網頁中所有圖片信息，可以利用下面的表達式。
\< [img][^\\>][src] *= [\"\']{0,1}([^\"\'\ >])
- 提取頁面超鏈接
提取html中的超鏈接。
(<a\s(?!.\brel=)[^>])(href="https?:\/\/)((?!(?:(?:www\.)?'.implode('|(?:www\.)?', $follow_list).'))[^"]+)"((?!.\brel=)[>]*)(?:[>]*)>
- 查找CSS屬性
通過下面的表達式，可以搜索到相匹配的CSS屬性。
^\s[a-zA-Z\-]+\s[:]{1}\s[a-zA-Z0-9\s.#]+[;]{1}
- 抽取注釋
如果你需要移除HMTL中的注釋，可以使用如下的表達式。
- 匹配HTML標簽
通過下面的表達式可以匹配出HTML中的標簽屬性。
<\/?\w+((\s+\w+(\s=\s(?:".?"|'.?'|[\^'">\s]+))?)+\s|\s)\/?>
