Flex中如何通过设置restrict属性在TextInput控件中限制用户可以输入的字符串的例子

接下来的例子演示了 Flex中如何通过设置 restrict属性，在 TextInput控件中限制用户可以输入的字符串。本例中在 restrict属性中设置了“0-9\-”,也就是只允许用户输入0到9的数字以及间隔符（-）。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

 

下面是完整代码(或 点击这里查看)：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             private function textInput_change(evt:Event):void {
10.                 arrColl.addItem(evt);
11.             }
12.         ]]>
13.     </mx:Script>
15.     <mx:ArrayCollection id="arrColl" />
17.     <mx:ApplicationControlBar dock="true">
18.         <mx:TextInput id="textInput"
19.                 restrict="0-9-"
20.                 change="textInput_change(event);" />
21.     </mx:ApplicationControlBar>
23.     <mx:DataGrid id="dataGrid"
24.             dataProvider="{arrColl}"
25.             width="100%"
26.             height="100%" />
28. </mx:Application>