Js 正則表達(dá)式知識(shí)匯總

更新時(shí)間：2014年12月02日 09:09:59 投稿：hebedich

本文對(duì)javascript中正則表達(dá)式進(jìn)行了總結(jié)匯總，將知識(shí)點(diǎn)和注意點(diǎn)都理了一下，并附上2個(gè)練習(xí)題，這里分享給小伙伴

正則表達(dá)式：

1、什么是RegExp?RegExp是正則表達(dá)式的縮寫。RegExp 對(duì)象用于規(guī)定在文本中檢索的內(nèi)容。

2、定義RegExp：var +變量名=new RegExp();

3、RegExp 對(duì)象有 3 個(gè)方法：

1）test()檢索字符串中的指定值，返回值是true或false.

var p1=new Reg("e");

document.write(Reg.test("welcome to China!"));

2）exec()

復(fù)制代碼代碼如下:

var p1=new Reg("e");

document.write(Reg.exec("welcome to China!"));

3） compile()

復(fù)制代碼代碼如下:

var p1=new Reg("e");

document.write(Reg.compile("welcome to China!"));

4、修飾符

1）i 執(zhí)行對(duì)大小寫不敏感的匹配

2）g 執(zhí)行全局匹配

3）m 執(zhí)行多行匹配

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

1）[abc] 查找方括號(hào)之間的任何字符

2）[^abc] 查找任何不在方括號(hào)之間的字符

3）[0-9] 查找任何0-9之間的數(shù)字

4）[a-z] 查找任何小寫a-z之間的字符

5）[A-Z]查找任何大寫A-Z之間的字符

6）[A-z] 查找任何大寫A-小寫z之間的字符

7）[adgk] 查找給定集合內(nèi)的任何字符

8）[^adgk]查找給定集合外的任何字符

9）（red|biue|green）查找任何給定的選項(xiàng)

6、元字符

1）\w:查找單詞字符

2）\W:查找非單詞字符

3）\d：查找數(shù)字

4）\D：查找非數(shù)字字符

7、量詞

n+匹配任何包含至少一個(gè) n 的字符串。

n*匹配任何包含零個(gè)或多個(gè) n 的字符串。

n?匹配任何包含零個(gè)或一個(gè) n 的字符串。

n{X}匹配包含 X 個(gè) n 的序列的字符串。

n{X,Y}匹配包含 X 或 Y 個(gè) n 的序列的字符串。

n{X,}匹配包含至少 X 個(gè) n 的序列的字符串。

n$匹配任何結(jié)尾為 n 的字符串。

^n匹配任何開頭為 n 的字符串。

?=n匹配任何其后緊接指定字符串 n 的字符串。

?!n匹配任何其后沒有緊接指定字符串 n 的字符串。

【練習(xí)題1】判斷輸入身份證格式是否正確

復(fù)制代碼代碼如下:

<body>

<label>請(qǐng)輸入身份證號(hào)：</label>

<input name="" type="text" id="shenfen"/>

<input name="" type="submit" id="textfi" value="提交1" onclick="test()"/><!--提交按鈕，觸發(fā)函數(shù)-->

</body>

</html>

<!--判斷身份證是否輸入正確-->

<script>

function test()

{

var reg=new RegExp(/^[0-9]{17}[0-9|X]$/);<!--正則表達(dá)式的格式：以/^開頭，以$/結(jié)尾，數(shù)字、字母范圍用中括號(hào)-->

var text=document.getElementById("shenfen").value;<!--輸入文本框的字符串的id跟文本框的id對(duì)應(yīng)-->

//判斷地區(qū)是否合法（用if...else）

if(reg.test(text))

{

alert("輸入正確")

}

else

{

alert("輸入錯(cuò)誤");

}

}

</script>

效果圖：

【練習(xí)題2】判斷輸入的郵箱格式是否正確

復(fù)制代碼代碼如下:

<body>

<label>請(qǐng)輸入您的郵箱：</label>

<input name="" type="text" id="youxiang"/>

<input name="" type="submit" value="提交2" onclick="y()" />

</body>

</html>

<script>

function y()

{

var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);

var shuru=document.getElementById("youxiang").value; <!--定義變量，調(diào)用的是整個(gè)function,,必須把變量寫在function內(nèi)-->

if(yx.test(shuru))<!--test正則表達(dá)式的方法-->

{

alert("zhengque");

}

else

{

alert("cuowu");

}

}

</script>