ExtJS textField 關於驗證(Regex)的一些屬性說明

xtype: 'textfield',
1.
regex: /^[\u4e00-\u9fa5]+$/i,
regexText : "請輸入中文",

2.

regex: /^\d+$/,
regexText: "電話號碼只能爲數字",

3.

regex: /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i,

regexText: "請輸入有效的URL地址",

4.

regex:/^[-+]?[\d]+$/,

regexText:'請輸入正確的整數',

5.

regex:/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,

regexText:'請輸入正確的IP地址'

6.

regex:/^((0[1-9]{3})?(0[12][0-9])?[-])?\d{6,8}$/,

regexText:請輸入正確的電話號碼,如:0920-29392929'

7.

regex:/(^0?[1][35][0-9]{9}$)/,

regexText:請輸入正確的手機號碼'

8.請輸入英文字母'

regex:/^[a-zA-Z]+$/,

9.身份證號碼

regex: /(^\d{15}$)|(^\d{17}([0-9]|X)$)/,
regexText : "輸入的身份證號碼不符合規定!\n15位號碼應全爲數字,18位號碼末位可以爲數字或X",




正則表達式用於字符串處理、表單驗證等場合,實用高效。現將一些常用的表達式收集於此,以備不時之需。

 

匹配中文字符的正則表達式: [\u4e00-\u9fa5]

評註:匹配中文還真是個頭疼的事,有了這個表達式就好辦了

 

匹配雙字節字符(包括漢字在內):[^\x00-\xff]

評註:可以用來計算字符串的長度(一個雙字節字符長度計2,ASCII字符計1)

 

匹配空白行的正則表達式:\n\s*\r

評註:可以用來刪除空白行

 

匹配HTML標記的正則表達式:<(\S*?)[^>]*>.*?</\1>|<.*? />

評註:網上流傳的版本太糟糕,上面這個也僅僅能匹配部分,對於複雜的嵌套標記依舊無能爲力

 

匹配首尾空白字符的正則表達式:^\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個英文字母或者下劃線組成的字符串

評註:最基本也是最常用的一些表達式

 

Ext.onReady(function(){  

    Ext.QuickTips.init();

});

 

Extjs的Regex的驗證屬性分兩種情況,一種是隻有紅色提示框;另一種是在提示框邊會出現一個類似批註的提示信息,不過在頁面加載時要加上Ext.QuickTips.init();提示框才能正常顯示出來。

 

特別提示:在屬性regex後要用 /^ 這裏加正則 $/ 把上面的正則表達式包起來否則會報"缺少對象";  比如:

 

{

xtype:'textfield',

fieldLabel: '郵政編碼',

name:'postCode',

regex: /^[1-9]\d{5}(?!\d)$/,

regexText : '請輸入正確的郵政編碼',

anchor: '92%'

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章