一、什么是正則表達(dá)式

正則表達(dá)式是由一個(gè)字符序列形成的搜索模式，搜索模式可用于文本搜索和文本替換。

二、創(chuàng)建正則表達(dá)式

JS正則表達(dá)式的創(chuàng)建有兩種方式： new RegExp() 和 直接字面量。

var re=new RegExp ();
//RegExp 是JS中的類，同Array類似。然而這個(gè)創(chuàng)建方法沒有指定表達(dá)式內(nèi)容
re=new RegExp ("a");
//最簡單的正則表達(dá)式，將匹配字母a 
re=new RegExp ("a","i");
//重載的構(gòu)造函數(shù)，其第二個(gè)參數(shù)指定將不區(qū)分大小寫

其中，對于第二個(gè)參數(shù)，為可選參數(shù)，包括三種：

• g：全文查找；
• i：不區(qū)分大小寫；
• m：多行查找；

然而更為常見的正則表達(dá)式創(chuàng)建法則是：字面量的聲明方式。 即：

var re=/a/i;
//其作用同：re=new RegExp ("a","i")，而且更常用。

三、正則表達(dá)式本身的方法

在 JavaScript 中，RegExp 對象是一個(gè)預(yù)定義了屬性和方法的正則表達(dá)式對象。

• test() 方法
  test() 方法用于檢測一個(gè)字符串是否匹配某個(gè)模式，如果字符串中含有匹配的文本，則返回true，否則返回 false。

//以下實(shí)例用于搜索字符串中的字符 "e"：
var patt = /e/;patt.test("The best things in life are free!");
字符串中含有 "e"，所以該實(shí)例輸出為：
true

以上兩行代碼可以合并為一行：
/e/.test("The best things in life are free!")

• exec() 方法
  exec() 方法用于檢索字符串中的正則表達(dá)式的匹配。
  該函數(shù)返回一個(gè)數(shù)組，其中存放匹配的結(jié)果。如果未找到匹配，則返回值為 null。
  以下實(shí)例用于搜索字符串中的字母 e:

/e/.exec("The best things in life are free!");
字符串中含有 "e"，所以該實(shí)例輸出為:
e

比較常用的就是正則表達(dá)式的test方法了，因?yàn)榇蠖嘀恍枰溃耗硞€(gè)字符串是否匹配某正則表達(dá)式，是則True，否則為False。

四、字符串對象中與正則表達(dá)式有關(guān)的方法

在 JavaScript 中，正則表達(dá)式通常用于兩個(gè)字符串方法 : search()和 replace()。

• search() 方法
  1. 檢索與正則表達(dá)式相匹配的子字符串，并返回子串的起始位置。

//使用正則表達(dá)式搜索 "Runoob" 字符串，且不區(qū)分大小寫：
var str = "Visit Runoob!"; 
var n = str.search(/Runoob/i);
//輸出結(jié)果為：
6

2. 用于檢索字符串中指定的子字符串。
   search方法可使用字符串作為參數(shù)。字符串參數(shù)會(huì)轉(zhuǎn)換為正則表達(dá)式：

//檢索字符串中 "Runoob" 的子串：
var str = "Visit Runoob!"; 
var n = str.search("Runoob");

• replace() 方法
  replace() 方法將接收字符串作為參數(shù)：

var str="Visit W3CSchool!";
var n=str.replace("W3CSchool","Runoob");
console.log(n);
//結(jié)果Visit Runoob!
console.log(str);
//結(jié)果Visit W3CSchool!

五、常用語法分析

5.1 ()、[]、{} 的區(qū)別

先看個(gè)例子
校驗(yàn)字符串是否全由8位數(shù)字組成

function isStudentNo(str) {
    var reg=/^[0-9]{8}$/;   /*定義驗(yàn)證表達(dá)式*/
    return reg.test(str);     /*進(jìn)行驗(yàn)證*/
}

[]是定義匹配的字符范圍。[0-9]表示查找任何從 0 至 9 的數(shù)字。

{} 一般用來表示匹配的長度。{8}表示位數(shù)為8位。

() 的作用是提取匹配的字符串。表達(dá)式中有幾個(gè)()就會(huì)得到幾個(gè)相應(yīng)的匹配字符串。比如(\s+)表示連續(xù)空格的字符串。

5.2 ^ 和 $

^ 匹配一個(gè)字符串的開頭，比如 (^a) 就是匹配以字母a開頭的字符串

$ 匹配一個(gè)字符串的結(jié)尾,比如 (b$) 就是匹配以字母b結(jié)尾的字符串

^還有另個(gè)一個(gè)作用就是取反，比如[^xyz]表示匹配的字符串不包含xyz

需要注意的是：如果^出現(xiàn)在[]中一般表示取反，而出現(xiàn)在其他地方則是匹配字符串的開頭。

5.3 \d \s \w .

\d 匹配一個(gè)非負(fù)整數(shù)， 等價(jià)于 [0-9]；

\s 匹配一個(gè)空白字符；

\w 匹配一個(gè)英文字母或數(shù)字，等價(jià)于[0-9a-zA-Z]；

. 匹配除換行符以外的任意字符，等價(jià)于[^\n]。

5.4 * + ?

*表示匹配前面元素0次或多次，比如(\s*)就是匹配0個(gè)或多個(gè)空格；

+ 表示匹配前面元素1次或多次，比如(\d+)就是匹配由至少1個(gè)整數(shù)組成的字符串；

?表示匹配前面元素0次或1次，相當(dāng)于{0,1}，比如(\w?) 就是匹配最多由1個(gè)字母或數(shù)字組成的字符串 。

六、語法大全

修飾符
修飾符用于執(zhí)行區(qū)分大小寫和全局匹配:

方括號(hào)
方括號(hào)用于查找某個(gè)范圍內(nèi)的字符：

元字符
元字符（Metacharacter）是擁有特殊含義的字符：

量詞

七、12個(gè)常用的js正則表達(dá)式

1. 在input框中只能輸入金額，其實(shí)就是只能輸入最多有兩位小數(shù)的數(shù)字

//第一種在input輸入框限制
 <input type="text" maxlength="8" class="form-control" id="amount" style="margin-right: 2px;" value="" onChange="count();" onkeyup="if (this.value==this.value2) return; if (this.value.search(/^\d*(?:\.\d{0,2})?$/)==-1) this.value=(this.value2)?this.value2:'';else this.value2=this.value;">元
//第二種對于表單動(dòng)態(tài)增加的方式，只能在js方法中驗(yàn)證。
 var amount=$("#amount").val();
 if (amount.search(/^\d*(?:\.\d{0,2})?$/)==-1) {
   alert("金額格式不對，最多有兩位小數(shù)");
   return false;
}

2. 驗(yàn)證郵箱格式

var reg=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
 var email=$("#email").val();
 if(!reg.test(email) ){
    alert("請輸入符合規(guī)范的郵箱賬號(hào)！");
    return false;
   }

3. 密碼采用數(shù)字、字母、特殊字符且長度為8-20位

function validatePwd(str) {
if (/^.*?[\d]+.*$/.test(str) && /^.*?[A-Za-z]/.test(str)
&& /^.*?[~/`!@#$%^&*()_+|{}?;:><\-\]\\[\/].*$/.test(str) && /^.{8,20}$/.test(str)) {
return true;
}
return false;
}

4. 驗(yàn)證電話號(hào)碼

/**
 * 驗(yàn)證電話號(hào)碼
 * @param phoneValue 要驗(yàn)證的電話號(hào)碼
 * @returns 匹配返回true 不匹配返回false
 */
function validatePhone(phoneValue) {
 phoneValue = valueTrim(phoneValue);
 var reg = /^[1][0-9]{10}$/;
 return reg.test(phoneValue);
}

5. 判斷是否是漢字

/**
 * 判斷是否是漢字
 *
 * @param charValue
 *   要驗(yàn)證的數(shù)據(jù)
 * @returns 匹配返回true 不匹配返回false
 */
function isCharacter(charValue) {
 var reg = /^[\u4e00-\u9fa5]{0,}$/;
 return reg.test(charValue);
}

6. 是否為字母:true:是，false:不是

function isChar(charValue){
 var charPattern=/^[a-zA-Z]*$/; //是否為字母
 result=charPattern.test(charValue);
 return result;
}

7. 判斷是否為數(shù)字

function isNum(numValue){
 var numPattern=/^\d*$/; //數(shù)字的正則表達(dá)式
 result=numPattern.test(numValue);
 return result;
}

8. 整數(shù)的正則表達(dá)式

function isInt(intValue){
  var intPattern=/^0$|^[1-9]\d*$/; //整數(shù)的正則表達(dá)式
 result=intPattern.test(intValue);
  return result;
 }

9. 是否為字母和數(shù)字

function isCharNum(flagValue){
 var flagPattern=/^[a-zA-Z0-9]*$/; //是否為字母和數(shù)字
 result=flagPattern.test(flagValue);
 return result;
}

10. 檢驗(yàn)18位身份證號(hào)碼

/**
 * 檢驗(yàn)18位身份證號(hào)碼（15位號(hào)碼可以只檢測生日是否正確即可，自行解決）
 *
 * @param idCardValue
 *   18位身份證號(hào)
 * @returns 匹配返回true 不匹配返回false
 */
function idCardVildate(cid) {
var arrExp = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];// 加權(quán)因子
var arrValid = [ 1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2 ];// 校驗(yàn)碼
var reg = /^[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)$/;
if (reg.test(cid)) {
var sum = 0, idx;
for (var i = 0; i < cid.length - 1; i++) {
// 對前17位數(shù)字與權(quán)值乘積求和
sum += parseInt(cid.substr(i, 1), 10) * arrExp[i];
}
// 計(jì)算模（固定算法）
idx = sum % 11;
// 檢驗(yàn)第18為是否與校驗(yàn)碼相等
return arrValid[idx] == cid.substr(17, 1).toUpperCase();
} else {
return false;
}
}

11. 驗(yàn)證15位數(shù)身份證號(hào)碼中的生日是否是有效生日

function isValidityBrithBy15IdCard(idCard15) {
 var year = idCard15.substring(6, 8);
 var month = idCard15.substring(8, 10);
 var day = idCard15.substring(10, 12);
 var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
 // 對于老身份證中的你年齡則不需考慮千年蟲問題而使用getYear()方法
 if (temp_date.getYear() != parseFloat(year)
   || temp_date.getMonth() != parseFloat(month) - 1
   || temp_date.getDate() != parseFloat(day)) {
  return false;
 } else {
  return true;
 }
}

12. 驗(yàn)證18位數(shù)身份證號(hào)碼中的生日是否是有效生日

function isValidityBrithBy18IdCard(idCard18) {
 var year = idCard18.substring(6, 10);
 var month = idCard18.substring(10, 12);
 var day = idCard18.substring(12, 14);
 var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
 // 這里用getFullYear()獲取年份，避免千年蟲問題
 if (temp_date.getFullYear() != parseFloat(year)
   || temp_date.getMonth() != parseFloat(month) - 1
   || temp_date.getDate() != parseFloat(day)) {
  return false;
 } else {
  return true;
 }
}

參考資料：
JS中正則表達(dá)式概述
JS正則表達(dá)式常用總結(jié)
12個(gè)常用的js正則表達(dá)式
JavaScript RegExp 對象