JavaScript正則表達式知識匯總
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正則表達式知識匯總