這篇文章主要介紹了ExtJS4文本框中如何使用正則表達(dá)式進(jìn)行驗(yàn)證Regex，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、雙峰ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的雙峰網(wǎng)站制作公司

Extjs的Regex的驗(yàn)證屬性分兩種情況,一種是只有紅色提示框；另一種是在提示框邊會(huì)出現(xiàn)一個(gè)類似批注的提示信息，不過在頁(yè)面加載時(shí)要加上Ext.QuickTips.init();提示框才能正常顯示出來。

特別提示：在屬性regex后要用 /^ 這里加正則 $/ 把上面的正則表達(dá)式包起來否則會(huì)報(bào)"缺少對(duì)象"； 比如：

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

1.

regex: /^[\u4e00-\u9fa5]+$/i,
regexText : "請(qǐng)輸入中文",

2.

regex: /^\d+$/,
regexText: "電話號(hào)碼只能為數(shù)字",

3.

regex: /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i,
regexText: "請(qǐng)輸入有效的URL地址",

4.

regex:/^[-+]?[\d]+$/,
regexText:'請(qǐng)輸入正確的整數(shù)',

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:'請(qǐng)輸入正確的IP地址'

6.

regex:/^((0[1-9]{3})?(0[12][0-9])?[-])?\d{6,8}$/,
regexText:請(qǐng)輸入正確的電話號(hào)碼,如:0920-29392929'

7.

regex:/(^0?[1][35][0-9]{9}$)/,
regexText:請(qǐng)輸入正確的手機(jī)號(hào)碼'

8.請(qǐng)輸入英文字母'

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

9.身份證號(hào)碼

regex: /(^\d{15}$)|(^\d{17}([0-9]|X)$)/,
regexText : "輸入的身份證號(hào)碼不符合規(guī)定！\n15位號(hào)碼應(yīng)全為數(shù)字，18位號(hào)碼末位可以為數(shù)字或X",

正則表達(dá)式用于字符串處理、表單驗(yàn)證等場(chǎng)合，實(shí)用高效。現(xiàn)將一些常用的表達(dá)式收集于此，以備不時(shí)之需。

匹配中文字符的正則表達(dá)式： [\u4e00-\u9fa5]

評(píng)注：匹配中文還真是個(gè)頭疼的事，有了這個(gè)表達(dá)式就好辦了

匹配雙字節(jié)字符(包括漢字在內(nèi))：[^\x00-\xff]

評(píng)注：可以用來計(jì)算字符串的長(zhǎng)度（一個(gè)雙字節(jié)字符長(zhǎng)度計(jì)2，ASCII字符計(jì)1）

匹配空白行的正則表達(dá)式：\n\s*\r

評(píng)注：可以用來刪除空白行

匹配HTML標(biāo)記的正則表達(dá)式：<(\S*?)[^>]*>.*?|<.*? />

評(píng)注：網(wǎng)上流傳的版本太糟糕，上面這個(gè)也僅僅能匹配部分，對(duì)于復(fù)雜的嵌套標(biāo)記依舊無能為力

匹配首尾空白字符的正則表達(dá)式：^\s*|\s*$

評(píng)注：可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁(yè)符等等)，非常有用的表達(dá)式

匹配Email地址的正則表達(dá)式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

評(píng)注：表單驗(yàn)證時(shí)很實(shí)用

匹配網(wǎng)址URL的正則表達(dá)式：[a-zA-z]+://[^\s]*

評(píng)注：網(wǎng)上流傳的版本功能很有限，上面這個(gè)基本可以滿足需求

匹配帳號(hào)是否合法(字母開頭，允許5-16字節(jié)，允許字母數(shù)字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

評(píng)注：表單驗(yàn)證時(shí)很實(shí)用

匹配國(guó)內(nèi)電話號(hào)碼：\d{3}-\d{8}|\d{4}-\d{7}

評(píng)注：匹配形式如 0511-4405222 或 021-87888822

匹配騰訊QQ號(hào)：[1-9][0-9]{4,}

評(píng)注：騰訊QQ號(hào)從10000開始

匹配中國(guó)郵政編碼：[1-9]\d{5}(?!\d)

評(píng)注：中國(guó)郵政編碼為6位數(shù)字

匹配身份證：\d{15}|\d{18}
評(píng)注：中國(guó)的身份證為15位或18位

匹配ip地址：\d+\.\d+\.\d+\.\d+
評(píng)注：提取ip地址時(shí)有用

匹配特定數(shù)字：

^[1-9]\d*$　 　 //匹配正整數(shù)

^-[1-9]\d*$ 　 //匹配負(fù)整數(shù)
^-?[1-9]\d*$　　 //匹配整數(shù)
^[1-9]\d*|0$　 //匹配非負(fù)整數(shù)（正整數(shù) + 0）
^-[1-9]\d*|0$　　 //匹配非正整數(shù)（負(fù)整數(shù) + 0）
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$　　 //匹配正浮點(diǎn)數(shù)
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$　 //匹配負(fù)浮點(diǎn)數(shù)
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$　 //匹配浮點(diǎn)數(shù)
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$　　 //匹配非負(fù)浮點(diǎn)數(shù)（正浮點(diǎn)數(shù) + 0）
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$　　//匹配非正浮點(diǎn)數(shù)（負(fù)浮點(diǎn)數(shù) + 0）

評(píng)注：處理大量數(shù)據(jù)時(shí)有用，具體應(yīng)用時(shí)注意修正

匹配特定字符串：

^[A-Za-z]+$　　//匹配由26個(gè)英文字母組成的字符串
^[A-Z]+$　　//匹配由26個(gè)英文字母的大寫組成的字符串
^[a-z]+$　　//匹配由26個(gè)英文字母的小寫組成的字符串
^[A-Za-z0-9]+$　　//匹配由數(shù)字和26個(gè)英文字母組成的字符串
^\w+$　　//匹配由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串

評(píng)注：最基本也是最常用的一些表達(dá)式

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

下面給大家介紹下ExtJS textField 關(guān)于驗(yàn)證(Regex)的一些屬性說明

ExtJS的textField 本身具備驗(yàn)證輸入值的一些屬性和方法，這些屬性和方法都在config參數(shù)中進(jìn)行配置。

1：是否允許空值

allowBlank : Boolean

如果是true，則允許，否則不允許，默認(rèn)是true。

blankText : String

如果allowBlank 設(shè)置為true，并且那個(gè)textField的值為空，則會(huì)顯示blankText屬性的字符串以給出錯(cuò)誤提示。

2：最長(zhǎng)字符和最短字符

maxLength : Number

最長(zhǎng)字符（可以達(dá)到）

maxLengthText : String

超出設(shè)定的最長(zhǎng)字符時(shí)，會(huì)顯示maxLengthText屬性的字符串以給出錯(cuò)誤提示。

minLength : Number

最短字符（可以達(dá)到）

minLengthText : String

不足設(shè)定的最短字符時(shí)，會(huì)顯示minLengthText屬性的字符串以給出錯(cuò)誤提示。

3：正則表達(dá)式

regex : RegExp

設(shè)定正則表達(dá)式，eg：/^[abc]$/

regexText : String

輸入值違反正則表達(dá)式時(shí)，會(huì)顯示regexText屬性的字符串以給出錯(cuò)誤提示。

可以通過方法isValid( Boolean preventMark ) : Boolean 來得知輸入值是否滿足所有的限制要求。

注意：

所有的錯(cuò)誤提示，分兩種，一種是在textField下底框上加上紅色波浪線，另一種是顯示相應(yīng)的錯(cuò)誤提示字符串，同時(shí)給出紅色波浪線。

后一種方法需要調(diào)用Ext.QuickTips.init();才能生效，默認(rèn)下，只有前一種方式。

Sample：

Ext.onReady(function(){

var _win=new Ext.Window({
title : "找回密碼",
width : 180,
layout:"form",
labelWidth:60,
items:[{
xtype:"textfield",
fieldLabel:"你的姓名" ,
allowBlank:false,
blankText :'姓名不能為空',
minLength :2 ,
minLengthText : "姓名最少2個(gè)字符",
maxLength : 4 ,
maxLengthText :"姓名至多4個(gè)字符",
width : 80,
regex : /^[abc]{2,4}$/,
regexText : "只能輸入abc"
}],
buttons:[
{
text:'下一步'
},{
text:'取消'
}
]
});
Ext.QuickTips.init();
_win.show();
});

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“ExtJS4文本框中如何使用正則表達(dá)式進(jìn)行驗(yàn)證Regex”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

當(dāng)前名稱：ExtJS4文本框中如何使用正則表達(dá)式進(jìn)行驗(yàn)證Regex
文章源于：http://chinadenli.net/article42/gsjehc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、品牌網(wǎng)站制作、網(wǎng)站導(dǎo)航、標(biāo)簽優(yōu)化、營(yíng)銷型網(wǎng)站建設(shè)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)