正則表達式怎么在ExtJS中使用

正則表達式怎么在ExtJS中使用？針對這個問題，這篇文章詳細介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

復(fù)制代碼 代碼如下:

Ext.onReady(function(){ 
    Ext.QuickTips.init();
});

ExtJS的Regex的驗證屬性分兩種情況,一種是只有紅色提示框；另一種是在提示框邊會出現(xiàn)一個類似批注的提示信息，不過在頁面加載時要加上Ext.QuickTips.init();提示框才能正常顯示出來。
特別提示：在屬性regex后要用 /^ 這里加正則 $/ 把上面的正則表達式包起來 否則會報"缺少對象"；
例子：

復(fù)制代碼 代碼如下:

{
　　xtype:'textfield',
　　fieldLabel: '郵政編碼',
　　name:'postCode',
　　regex: /^[1-9]\d{5}(?!\d)$/,
　　regexText : '請輸入正確的郵政編碼',
　　anchor: '90%'
}

匹配中文字符的正則表達式： [\u4e00-\u9fa5]
評注：匹配中文還真是個頭疼的事，有了這個表達式就好辦了
匹配雙字節(jié)字符(包括漢字在內(nèi))：[^\x00-\xff]
評注：可以用來計算字符串的長度（一個雙字節(jié)字符長度計2，ASCII字符計1）
匹配空白行的正則表達式：\n\s*\r
評注：可以用來刪除空白行
匹配HTML標記的正則表達式：<(\S*?)[^>]*>.*?</\1>|<.*? />
評注：網(wǎng)上流傳的版本太糟糕，上面這個也僅僅能匹配部分，對于復(fù)雜的嵌套標記依舊無能為力
匹配首尾空白字符的正則表達式：^\s*|\s*$
評注：可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等)，非常有用的表達式
匹配Email地址的正則表達式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
評注：表單驗證時很實用
匹配網(wǎng)址URL的正則表達式：[a-zA-z]+://[^\s]*
評注：網(wǎng)上流傳的版本功能很有限，上面這個基本可以滿足需求
匹配帳號是否合法(字母開頭，允許5-16字節(jié)，允許字母數(shù)字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
評注：表單驗證時很實用
匹配國內(nèi)電話號碼：\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位數(shù)字
匹配身份證：\d{15}|\d{18}
評注：中國的身份證為15位或18位
匹配ip地址：\d+\.\d+\.\d+\.\d+
評注：提取ip地址時有用
匹配特定數(shù)字：
^[1-9]\d*$　 　 //匹配正整數(shù)
^-[1-9]\d*$ 　 //匹配負整數(shù)
^-?[1-9]\d*$　　 //匹配整數(shù)
^[1-9]\d*|0$　 //匹配非負整數(shù)（正整數(shù) + 0）
^-[1-9]\d*|0$　　 //匹配非正整數(shù)（負整數(shù) + 0）
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匹配正浮點數(shù)
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配負浮點數(shù)
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匹配浮點數(shù)
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非負浮點數(shù)（正浮點數(shù) + 0）
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匹配非正浮點數(shù)（負浮點數(shù) + 0）
評注：處理大量數(shù)據(jù)時有用，具體應(yīng)用時注意修正
匹配特定字符串：
^[A-Za-z]+$　　//匹配由26個英文字母組成的字符串
^[A-Z]+$　　//匹配由26個英文字母的大寫組成的字符串
^[a-z]+$　　//匹配由26個英文字母的小寫組成的字符串
^[A-Za-z0-9]+$　　//匹配由數(shù)字和26個英文字母組成的字符串
^\w+$　　//匹配由數(shù)字、26個英文字母或者下劃線組成的字符串
評注：最基本也是最常用的一些表達式

關(guān)于正則表達式怎么在ExtJS中使用問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。