天天看點

常用的javascript基于正規表達式的文本框驗證代碼

1,不能為空

<input type="text" οnblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能為空!')">

2,隻能輸入英文和數字

<input οnblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有錯')">

<input οnkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>

<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

3,判斷字元由字母和數字,下劃線,點号組成.且開頭的隻能是下劃線和字母 

/^([a-zA-z_]{1})([\w]*)$/g.test(str)

4,隻能輸入數字

<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

5,隻能輸入中文

<input type="text" οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

6,隻能輸入英文

<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">

<input type="text" οnkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

7,隻能輸入中文、英文、數字、@符号和.符号

<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

8,隻允許輸入英文,且不能粘貼也無法彈出粘貼菜單

<input type="text" οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" οnkeydοwn="fncKeyStop(event)" οnpaste="return false" oncontextmenu = "return false"/>

隻能輸入數字和點号(注意:在[^\d\.]裡的d不能寫成大寫D,否則就變成除了數字以外的所有字元)

<input name="price" type="text" size="8" maxlength="8" οnkeyup="value=value.replace(/[^\d\.]/g,'')" >

總而言之:先在<input>裡輸入οnkeyup="value=value.replace(/[^\X]/g,'')" 然後在(/[\X]/g,'')裡的X換成你想輸入的代碼就可以了

中文:u4E00-u9FA5

數字:d、0-9

英文:a-z、A-Z

其它符号@,點或其它符号.也可以多個,用\隔開就行了.

例如:

中、英文和數字加@符号加點符号:\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框裡不能右鍵彈出菜單和不能粘貼進複制的資訊的話就要在<input>裡輸入 onKeyDown="fncKeyStop(event)" οnpaste="return false" οncοntextmenu="return false;"

++++++++++++++++++++++++++++++++++++++++++++

var name = "中文"; 

if(name.match(/[^\u4e00-\u9fa5]/g)) alert(name+" is not chinease"); 

else alert(name+" is chinease");

name = "english"; 

if(name.match(/[^\u4e00-\u9fa5]/g)) alert(name+" is not chinease");

else alert(name+" is chinease");

下面都是我收集的一些比較常用的正規表達式,因為平常可能在表單驗證的時候,用到的比較多。特發出來,讓各位朋友共同使用。呵呵。

比對中文字元的正規表達式: [^u4e00-u9fa5] 

評注:比對中文還真是個頭疼的事,有了這個表達式就好辦了

比對雙位元組字元(包括漢字在内):[^x00-xff]

評注:可以用來計算字元串的長度(一個雙位元組字元長度計2,ASCII字元計1)

比對空白行的正規表達式:ns*r

評注:可以用來删除空白行

比對HTML标記的正規表達式:< (S*?)[^>]*>.*?|< .*? />

評注:網上流傳的版本太糟糕,上面這個也僅僅能比對部分,對于複雜的嵌套标記依舊無能為力

比對首尾空白字元的正規表達式:^s*|s*$

評注:可以用來删除行首行尾的空白字元(包括空格、制表符、換頁符等等),非常有用的表達式

比對Email位址的正規表達式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

評注:表單驗證時很實用

比對網址URL的正規表達式:[a-zA-z]+://[^s]*

評注:網上流傳的版本功能很有限,上面這個基本可以滿足需求

比對帳号是否合法(字母開頭,允許5-16位元組,允許字母數字下劃線):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

評注:表單驗證時很實用

比對國内電話号碼:d{3}-d{8}|d{4}-d{7}

評注:比對形式如 0511-4405222 或 021-87888822

比對騰訊QQ号:[1-9][0-9]{4,}

評注:騰訊QQ号從10000開始

比對中國郵政編碼:[1-9]d{5}(?!d)

評注:中國郵政編碼為6位數字

比對身份證:d{15}|d{18}

評注:中國的身份證為15位或18位

比對ip位址:d+.d+.d+.d+

評注:提取ip位址時有用

比對特定數字:

^[1-9]d*$    //比對正整數

^-[1-9]d*$   //比對負整數

^-?[1-9]d*$   //比對整數

^[1-9]d*|0$  //比對非負整數(正整數 + 0)

^-[1-9]d*|0$   //比對非正整數(負整數 + 0)

^[1-9]d*.d*|0.d*[1-9]d*$   //比對正浮點數

^-([1-9]d*.d*|0.d*[1-9]d*)$  //比對負浮點數

^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$  //比對浮點數

^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$   //比對非負浮點數(正浮點數 + 0)

^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$  //比對非正浮點數(負浮點數 + 0)

評注:處理大量資料時有用,具體應用時注意修正

比對特定字元串:

^[A-Za-z]+$  //比對由26個英文字母組成的字元串

^[A-Z]+$  //比對由26個英文字母的大寫組成的字元串

^[a-z]+$  //比對由26個英文字母的小寫組成的字元串

^[A-Za-z0-9]+$  //比對由數字和26個英文字母組成的字元串

^w+$  //比對由數字、26個英文字母或者下劃線組成的字元串

在使用RegularExpressionValidator驗證控件時的驗證功能及其驗證表達式介紹如下:

隻能輸入數字:“^[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]*$”

隻能輸入長度為3的字元:“^.{3}$”

隻能輸入由26個英文字母組成的字元串:“^[A-Za-z]+$”

隻能輸入由26個大寫英文字母組成的字元串:“^[A-Z]+$”

隻能輸入由26個小寫英文字母組成的字元串:“^[a-z]+$”

隻能輸入由數字和26個英文字母組成的字元串:“^[A-Za-z0-9]+$”

隻能輸入由數字、26個英文字母或者下劃線組成的字元串:“^w+$”

驗證使用者密碼:“^[a-zA-Z]w{5,17}$”正确格式為:以字母開頭,長度在6-18之間,

隻能包含字元、數字和下劃線。

驗證是否含有^%&’,;=?$”等字元:“[^%&',;=?$x22]+”

隻能輸入漢字:“^[u4e00-u9fa5],{0,}$”

驗證Email位址:“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”

驗證InternetURL:“^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$”

驗證電話号碼:“^((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”。

比對中文字元的正規表達式: [u4e00-u9fa5]

比對雙位元組字元(包括漢字在内):[^x00-xff]

比對空行的正規表達式:n[s| ]*r

比對HTML标記的正規表達式:/< (.*)>.*|< (.*) />/

比對首尾空格的正規表達式:(^s*)|(s*$)

比對Email位址的正規表達式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

比對網址URL的正規表達式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

(1)應用:計算字元串的長度(一個雙位元組字元長度計2,ASCII字元計1)

String.prototype.len=function(){return this.replace([^x00-xff]/g,”aa”).length;}

(2)應用:javascript中沒有像vbscript那樣的trim函數,我們就可以利用這個表達式來實作

String.prototype.trim = function()

{

return this.replace(/(^s*)|(s*$)/g, “”);

}

(3)應用:利用正規表達式分解和轉換IP位址

function IP2V(ip) //IP位址轉換成對應數值

{

re=/(d+).(d+).(d+).(d+)/g //比對IP位址的正規表達式

if(re.test(ip))

{

return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1

}

else

{

throw new Error(”Not a valid IP address!”)

}

}

(4)應用:從URL位址中提取檔案名的javascript程式

s=”http://www.9499.net/page1.htm”;

s=s.replace(/(.*/){0,}([^.]+).*/ig,”$2″) ; //Page1.htm

(5)應用:利用正規表達式限制網頁表單裡的文本框輸入内容

用正規表達式限制隻能輸入中文:οnkeyup=”value=”/blog/value.replace(/["^u4E00-u9FA5]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^u4E00-u9FA5]/g,”))”

用正規表達式限制隻能輸入全角字元: οnkeyup=”value=”/blog/value.replace(/["^uFF00-uFFFF]/g,”) ” onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^uFF00-uFFFF]/g,”))”

用正規表達式限制隻能輸入數字:οnkeyup=”value=”/blog/value.replace(/["^d]/g,”) “onbeforepaste= “clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”))”

用正規表達式限制隻能輸入數字和英文:οnkeyup=”value=”/blog/value.replace(/[W]/g,””) “onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^d]/g,”

繼續閱讀