1. 程式人生 > >JavaScript正則表達式知識匯總

JavaScript正則表達式知識匯總

第3版 rda abc padding java text sub data- uri

Js 正則表達式知識匯總

正則表達式:

1、什麽是RegExp?RegExp是正則表達式的縮寫。RegExp 對象用於規定在文本中檢索的內容。

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

3、RegExp 對象有 3 個方法:

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

var p1=new Reg("e");

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

2)exec()

var p1=new Reg("e");

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

3) compile()

var p1=new Reg("e");

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

4、修飾符

1)i 運行對大寫和小寫不敏感的匹配

2)g 運行全局匹配

3)m 運行多行匹配

5、方括號(用於查找某個範圍內的字符)

1)[abc] 查找方括號之間的不論什麽字符

2)[^abc] 查找不論什麽不在方括號之間的字符

3)[0-9] 查找不論什麽0-9之間的數字

4)[a-z] 查找不論什麽小寫a-z之間的字符

5)[A-Z]查找不論什麽大寫A-Z之間的字符

6)[A-z] 查找不論什麽大寫A-小寫z之間的字符

7)[adgk] 查找給定集合內的不論什麽字符

8)[^adgk]查找給定集合外的不論什麽字符

9)(red|biue|green)查找不論什麽給定的選項

6、元字符

1)\w:查找單詞字符

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

3)\d:查找數字

4)\D:查找非數字字符

7、 量詞

n+匹配不論什麽包括至少一個 n 的字符串。

n*匹配不論什麽包括零個或多個 n 的字符串。



n?匹配不論什麽包括零個或一個 n 的字符串。



n{X}匹配包括 X 個 n 的序列的字符串。



n{X,Y}匹配包括 X 或 Y 個 n 的序列的字符串。

n{X,}匹配包括至少 X 個 n 的序列的字符串。



n$匹配不論什麽結尾為 n 的字符串。

^n匹配不論什麽開頭為 n 的字符串。



?=n匹配不論什麽其後緊接指定字符串 n 的字符串。



?!n匹配不論什麽其後沒有緊接指定字符串 n 的字符串。



【練習題1】推斷輸入身份證格式是否正確

<body>

<label>請輸入身份證號:</label>

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

<input name="" type="submit" id="textfi" value="提交1" onclick="test()"/><!--提交button,觸發函數-->

</body>

</html>

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

<script>

function test()

{

var reg=new RegExp(/^[0-9]{17}[0-9|X]$/);<!--正則表達式的格式:以/^開頭,以$/結尾,數字、字母範圍用中括號-->

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

//推斷地區是否合法(用if...else)

if(reg.test(text))

{

alert("輸入正確")

}

else

{

alert("輸入錯誤");

}

}

</script>

效果圖:
技術分享

【練習題2】推斷輸入的郵箱格式是否正確

<body>

<label>請輸入您的郵箱:</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; <!--定義變量,調用的是整個function,,必須把變量寫在function內-->

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

{

alert("zhengque");

}

else

{

alert("cuowu");

}

}

</script>


效果圖:

技術分享
相對來說。js中正則表達式是一個非常重要的點。非常多地方都須要配合正則才行,所以小夥伴一定要學好這塊內容。

參考來源:
Js 正則表達式
http://www.lai18.com/content/351738.html

延伸閱讀

《JavaScript正則表達式》系列技術文章整理收藏

1論壇轉貼工具中用到的正則表達式學習正則的好樣例

2JS的replace方法與正則表達式結合應用解說

3javascript replace方法與正則表達式

4正則表達式推斷是否存在中文和全角字符和推斷包括中文字符串長度

5trim原型函數看js正則表達式的性能

6用正則表達式 動態創建/添加css style script 兼容IE firefox

7javascript 獲取鏈接文件地址中第一個斜線內的正則表達式

8Mootools 1.2教程 正則表達式

9javascript下利用數組緩存正則表達式的實現方法

10JavaScript 學習筆記(十四) 正則表達式

11javascript 正則表達式觸發函數進行高級替換

12匹配隨意字符的正則表達式寫法

13javascript 正則表達式(一)

14js各種驗證文本框輸入格式(正則表達式)

15javascript正則表達式中參數g(全局)的作用

16js 替換功能函數。用正則表達式解決,js的所有替換

17正則總結:JavaScript中的正則表達式

18javascript學習筆記(五)正則表達式

19Javascript中正則表達式的全局匹配模式分析

20PHP匹配連續的數字或字母的正則表達式

21jquery裏的正則表達式說明

22經常使用的JavaScript正則表達式

23JavaScript正則表達式的瀏覽器的差異

24jQuery源代碼分析-02正則表達式 RegExp 經常使用正則表達式

25javascript 進階篇1 正則表達式,cookie管理,userData

26獲取server傳來的數據 用JS去空格的正則表達式

27js正則表達式

28javascript學習筆記(十一) 正則表達式介紹

29js中推斷數字\字母\中文的正則表達式 (實例)

30js限制文本框僅僅能輸入數字(正則表達式)

31Java 正則表達式學習總結和一些小樣例

32JavaScript高級程序設計(第3版)學習筆記12 js正則表達式

33javascript 正則表達式相關應介紹

34有用的JS正則表達式(手機號碼/IP正則/郵編正則/電話等)

35js replace正則表達式應用案例解說

36正則表達式搭配js輕松處理json文本方便而老古

3730分鐘就入門的正則表達式基礎教程

38怎樣使用Javascript正則表達式來格式化XML內容

39js正則表達式的使用具體解釋

40Jquery Validate 正則表達式有用驗證代碼大全

41jquery經常使用見的正則表達式

42jquery macth正則表達式實例

43jQuery經常使用的正則表達式

44JQuery數字類型驗證正則表達式

45jQuery中校驗時間格式的正則表達式小結

46js編寫trim()函數及正則表達式的運用

47JS經常使用正則表達式總結

48js將字符串轉成正則表達式的實現方法

49JS正則表達式大全(整理具體且有用)

50JS正則表達式獲取分組內容的方法具體解釋

51js用正則表達式來驗證表單(比較齊全的資源)

52javascipt匹配單行和多行凝視的正則表達式

53用正則表達式替換圖片地址img標簽

54經常使用的JavaScript驗證正則表達式匯總

55正則表達式中特殊符號及正則表達式的幾種方法總結(replace,test,search)

56JavaScript中的正則表達式

57js驗證電話號碼與手機支持+86的正則表達式

58利用js正則表達式驗證手機號,email地址,郵政編碼

59JS正則表達式驗證數字代碼

60js正則表達式中test,exec,match方法的差別說明

61通過正則表達式實現表單驗證是否為中文

62js動態拼接正則表達式的兩種方法

63JavaScript通過正則表達式實現表單驗證電話號碼

64JavaScript表單通過正則表達式驗證電話號碼

65JavaScript中的正則表達式簡明總結

66JS使用replace()方法和正則表達式進行字符串的搜索與替換實例

67javascript經常使用的正則表達式實例

68node.js正則表達式獲取網頁中全部鏈接的代碼實例

69JavaScript利用正則表達式去除日期中的-

70刪除javascript中凝視語句的正則表達式

71JavaScript利用正則表達式去除日期中的“-”

72javascript正則表達式參數/g與/i及/gi的使用指南

73JS應用正則表達式轉換大寫和小寫演示樣例

74javascript學習筆記(八)正則表達式

75正則表達式在javascript中的幾個實例

76javascript正則表達式檢驗

77使用 js+正則表達式為關鍵詞加入鏈接

78正則表達式在JavaScript應用

79用正則表達式和javascript對表單進行全面驗證

80實例分析js和C#中使用正則表達式匹配a標簽

81Js 正則表達式知識匯總

82javascript使用正則表達式檢測IP地址

83使用正則表達式的格式化與高亮顯示json字符串

84jQuery中用dom操作替代正則表達式

85javascript正則表達式之search()使用方法實例

86javascript正則表達式使用replace()替換手機號的方法

87jquery使用正則表達式驗證email地址的方法

88調試JavaScript中正則表達式中遇到的問題

89javascript使用正則表達式實現去掉空格之後的字符

90javascript中的正則表達式使用指南

91Javascript 正則表達式實現為數字加入千位分隔符

92【JavaScript】利用正則表達式檢查輸入框輸入的是否為網址

93jQuery獲取上傳文件的名稱的正則表達式

94簡述JavaScript中正則表達式的用法

95JavaScript正則表達式中的ignoreCase屬性使用具體解釋

96具體解釋JavaScript正則表達式中的global屬性的使用

97在JavaScript的正則表達式中使用exec()方法

98簡述JavaScript的正則表達式中test()方法的使用

99JavaScript正則表達式之multiline屬性的應用

JavaScript正則表達式知識匯總