Flex中TextInput組件設置限制某些字符的輸入的方法

2024-09-08 18:16:59

字體：大中小

來源：轉載

供稿：網友

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


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


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

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


<mx:TextInput restrict="abc" />


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


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

3. 組合使用


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


<mx:TextInput restrict="0-9/+/-" />


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


<mx:TextInput restrict="0-9/a-z/^{'[/u4e00-/u9fa5]'}" />

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

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

詳細的列子請看：

三：<mx:TextInput 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屬性只影響用戶可以輸入的內容,腳本可將任何文本放入文本字段中.

補充：

另外可以追加限制輸入的字符數，設置maxChars屬性即可
<s:TextInput restrict="0-9/-/+" maxChars="4"/>

（編輯：武林網）

上一篇：flex導出excel具體實現

下一篇：在Flex中給datagrid添加右鍵菜單項的具體實現