Flex中TextInput組件輸入驗證

一:Flex中TextInput組件如何設置限制某些字符的輸入

1. 限制某個字符的輸入,用符號 ^ 跟上要限制的字符,可跟多個字符


<!-- 限制字符"~"的輸入 -->

<mx:TextInput id="xxx" restrict="^~" />

<!-- 限制字符"ab"的輸入 -->

<mx:TextInput id="xxx" restrict="^ab" />

2. 設置只能輸入某些字符,將允許輸入的字符羅列出來即可,也可以用 - 組合表示字符範圍

<!-- 只能輸入abc -->

<mx:TextInput id="xxx" restrict="abc" />

<!-- 只能輸入小寫字母 -->

<mx:TextInput id="xxx" restrict="a-z" />

<!-- 只能輸入小寫字母、大寫字母和數字 -->

<mx:TextInput id="xxx" restrict="a-zA-Z0-9" />

3. 組合使用

<!-- 只能輸入數字和符號"." -->

<mx:TextInput id="xxx" restrict="0-9." />

<!-- 只能輸入除ab之外的小寫字母 -->

<mx:TextInput id="xxx" restrict="a-z^ab" />

 

 

 二: FONT color=#108ac6>flex TextInput restrict(正則表達式,約束,限定)

Flex中TextInput的一個比較有用的屬性restrict(約束,限定),看下面例子:
1,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9" text="0"/>
這樣,這個輸入框最多隻能輸入20個字符,只能輸入0到9之間的數字了,你如果輸入別的是輸入不進去的
2,<mx:TextInput id="test_ti" width="160" maxChars="20" restrict="0-9\." text="0"/>
這樣,輸入框可以輸入0到9之間的數字,以及輸入'.',中間必須用'\'分隔開來
3,<mx:TextInput id="test_ti" width="160" restrict="0-9\ab" text="0"/>
這樣,輸入框可以輸入0到9之間的數字,以及a,或b
4,<mx:TextInput id="test_ti" width="160" restrict="a-z" text="0"/>
可以輸入a到z之間任何一個英文字母,'-'表示區間,如果要輸入'-',就必須加'\',如\-
結論:
用restrict有個好處,就是省去了驗證的麻煩,比如檢驗是否爲數字,如果加了restrict="0-9",就不需要檢驗了,因爲這個輸入框只能輸入0到9之間的數字,別的輸不進去

詳細的列子請看:http://blog.minidx.com/2008/05/16/851.html

 

三:

 <mx:TextInput id="userName" maxChars="4" restrict="a-zA-Z0-9" />
restrict 用法:
TextField.restrict = "此處爲可輸入的內容";
field.restrict = "^此處爲禁止輸入的內容";
restrict屬性支持一些類似正則表達式的樣式:
field.restrict = "a-zA-z"; //只允許大小字母
field.restrict = "a-zA-z "; //只允許字母和空格
field.restrict = "0-9"; //只允許數字
field.restrict = "^abcdefg"; //除了小寫字母abcdefg不允許外,其它都允許
field.restrict = "^a-z"; //所有小寫字母都不允許,但是,其它內容都允許,包括大寫字母
field.restrict = "0-9^5"; //只允許數字,但5例外
讓restrict字符包含具有特殊意義的字母(例如-和^):
field.restrict = "0-9\\-"; //允許數字和破折號
field.restrict = "0-9\\^"; //允許數字和^
field.restrict = "0-9\\\\"; //允許數字和反斜槓
你也可以使用Unicode轉義序列,指定允許的內容.例如:
field.restrict = "^\";
注意:ActionScript有區分大小寫的,如果restrict屬性設爲abc,允許字母的大寫形式(A,B和C)輸入時會變成小寫對待形式(a,b和c),反之亦然.restrict屬性隻影響用戶可以輸入的內容,腳本可將任何文本放入文本字段中.

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