RegExp:是正則表達式(regular expression)的簡寫。
正則表達式描述了字符的模式對象??梢允褂谜齽t表達式來描述要檢索的內容。
簡單的模式可以是一個單獨的字符。更復雜的模式包括了更多的字符,并可用于解析、格式檢查、替換等等。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
//判斷輸入內容是否為空 function IsNull(){ var str = document.getElementById( 'str' ).value.trim(); if (str.length==0){ alert( '對不起,文本框不能為空或者為空格!' ); //請將“文本框”改成你需要驗證的屬性名稱! } } //判斷日期類型是否為YYYY-MM-DD格式的類型 function IsDate(){ var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = str.match(reg); if (r== null ) alert( '對不起,您輸入的日期格式不正確!' ); //請將“日期”改成你需要驗證的屬性名稱! } } //判斷日期類型是否為YYYY-MM-DD hh:mm:ss格式的類型 function IsDateTime(){ var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; var r = str.match(reg); if (r== null ) alert( '對不起,您輸入的日期格式不正確!' ); //請將“日期”改成你需要驗證的屬性名稱! } } //判斷日期類型是否為hh:mm:ss格式的類型 function IsTime() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ if (!reg.test(str)){ alert( "對不起,您輸入的日期格式不正確!" ); //請將“日期”改成你需要驗證的屬性名稱! } } } //判斷輸入的字符是否為英文字母 function IsLetter() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^[a-zA-Z]+$/; if (!reg.test(str)){ alert( "對不起,您輸入的英文字母類型格式不正確!" ); //請將“英文字母類型”改成你需要驗證的屬性名稱! } } } //判斷輸入的字符是否為整數 function IsInteger() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^[-+]?\d*$/; if (!reg.test(str)){ alert( "對不起,您輸入的整數類型格式不正確!" ); //請將“整數類型”要換成你要驗證的那個屬性名稱! } } } //判斷輸入的字符是否為雙精度 function IsDouble(val) { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^[-\+]?\d+(\.\d+)?$/; if (!reg.test(str)){ alert( "對不起,您輸入的雙精度類型格式不正確!" ); //請將“雙精度類型”要換成你要驗證的那個屬性名稱! } } } //判斷輸入的字符是否為:a-z,A-Z,0-9 function IsString() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^[a-zA-Z0-9_]+$/; if (!reg.test(str)){ alert( "對不起,您輸入的字符串類型格式不正確!" ); //請將“字符串類型”要換成你要驗證的那個屬性名稱! } } } //判斷輸入的字符是否為中文 function IsChinese() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^[\u0391-\uFFE5]+$/; if (!reg.test(str)){ alert( "對不起,您輸入的字符串類型格式不正確!" ); //請將“字符串類型”要換成你要驗證的那個屬性名稱! } } } //判斷輸入的EMAIL格式是否正確 function IsEmail() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if (!reg.test(str)){ alert( "對不起,您輸入的字符串類型格式不正確!" ); //請將“字符串類型”要換成你要驗證的那個屬性名稱! } } } //判斷輸入的郵編(只能為六位)是否正確 function IsZIP() { var str = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^\d{6}$/; if (!reg.test(str)){ alert( "對不起,您輸入的字符串類型格式不正確!" ); //請將“字符串類型”要換成你要驗證的那個屬性名稱! } } } //判斷輸入的數字不大于某個特定的數字 function MaxValue() { var val = document.getElementById( 'str' ).value.trim(); if (str.length!=0){ reg=/^[-+]?\d*$/; if (!reg.test(str)){ //判斷是否為數字類型 if (val>parseInt( '123' )) //“123”為自己設定的最大值 { alert( '對不起,您輸入的數字超出范圍' ); //請將“數字”改成你要驗證的那個屬性名稱! } } } } |
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/
Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/
QQ : /^[1-9]\d{4,8}$/
某種特殊金額:/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/ //說明:除“XXX XX,XXX XX,XXX.00”格式外
1
2
3
4
|
//為上面提供各個JS驗證方法提供.trim()屬性 String.prototype.trim= function (){ return this .replace(/(^\s*)|(\s*$)/g, "" ); } |
調用:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<input type= "text" name= "str" > <input type= "button" value= " 確定 " onClick= "" > //onClick中寫自己要調用的JS驗證函數 <script language= "javascript" type= "text/javascript" > var patterms = new Object(); //驗證IP patterms.ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/; //驗證EMAIL patterms.email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; //驗證日期格式2009-07-13 patterms.date = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/; //驗證時間格式16:55:39 patterms.time = new RegExp( "^([0-1]\\d|2[0-3]):[0-5]\\d:[0-5]\\d$" ); //驗證函數 function verify(str,pat) { var thePat; thePat = patterms[pat]; if (thePat.test(str)) { return true ; } else { return false ; } } //測試 alert(verify( "asidycom@163.com" , "email" )+ "," +verify( "192.168.1.1" , "ip" )+ "," +verify( "16:55:39" , "time" )+ "," +verify( "2009-07-13" , "date" )+ "," +verify( "192.168" , "ip" )); |
驗證數字:^[0-9]*$
驗證n位的數字:^\d{n}$
驗證至少n位數字:^\d{n,}$
驗證m-n位的數字:^\d{m,n}$
驗證零和非零開頭的數字:^(0|[1-9][0-9]*)$
驗證有兩位小數的正實數:^[0-9]+(.[0-9]{2})?$
驗證有1-3位小數的正實數:^[0-9]+(.[0-9]{1,3})?$
驗證非零的正整數:^\+?[1-9][0-9]*$
驗證非零的負整數:^\-[1-9][0-9]*$
驗證非負整數(正整數 + 0) ^\d+$
驗證非正整數(負整數 + 0) ^((-\d+)|(0+))$
驗證長度為3的字符:^.{3}$
驗證由26個英文字母組成的字符串:^[A-Za-z]+$
驗證由26個大寫英文字母組成的字符串:^[A-Z]+$
驗證由26個小寫英文字母組成的字符串:^[a-z]+$
驗證由數字和26個英文字母組成的字符串:^[A-Za-z0-9]+$
驗證由數字、26個英文字母或者下劃線組成的字符串:^\w+$
驗證用戶名或昵稱經常用到: ^[\u4e00-\u9fa5A-Za-z0-9-_]*$ 只能中英文,數字,下劃線,減號
驗證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式為:以字母開頭,長度在6-18之間,只能包含字符、數字和下劃線。
驗證是否含有 ^%&',;=?$\" 等字符:[^%&',;=?$\x22]+
驗證漢字:^[\u4e00-\u9fa5],{0,}$
驗證Email地址:^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
驗證InternetURL:^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
驗證電話號碼:^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$:--正確格式為:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。
驗證身份證號(15位或18位數字):^\d{15}|\d{}18$
驗證一年的12個月:^(0?[1-9]|1[0-2])$ 正確格式為:“01”-“09”和“1”“12”
驗證一個月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式為:01、09和1、31。
整數:^-?\d+$
非負浮點數(正浮點數 + 0):^\d+(\.\d+)?$
正浮點數 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮點數(負浮點數 + 0) ^((-\d+(\.\d+)?)|(0+(\.0+)?))$
負浮點數 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮點數 ^(-?\d+)(\.\d+)?$
由于手機號段的不斷更新,以前的正則表達式已經無法滿足需求。重新編寫這條表達式,
1
2
3
|
var regex = { mobile: /^?([-]|[]|[]|[])[-]{}$/ } |
表達式分析:
“/”代表一個正則表達式。
“^”代表字符串的開始位置,“$”代表字符串的結束位置。
“?”代表匹配前面的字符一個或零個,所以這里0?的意思是手機號碼可以以0開頭或不以0開頭。
接下的部分驗證11位的手機號碼,先從13開始,因為從130-139都有所以可選區間是[0-9],15開頭的號碼沒有154所以[]里面沒有4這個數字,當然也可以寫成[0-35-9],下面18和14開的號碼同上。
小括號括起來的代表一個子表達式,里面是4個可選分支分別用“|”來區分開來,在正則中“|”的優先級是最低的,這里每個分支匹配的都是3個字符(一個[]只能匹配一個字符,里面是可選的意思),也就是手機號碼的前3位數字,那么后面還有8位數字需要匹配,可以是0-9的任意字符,所以是“[0-9]{8}”,{}中的數字代表匹配前面字符的個數。
以上內容是小編給大家分享的JavaScript正則表達式驗證代碼,希望對大家有所幫助,如果大家想了解更多精彩內容敬請關注服務器之家網站,謝謝!