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

接下来的例子演示了Flex中如何通过设置restrict属性，在TextInput控件中限制用户可以输入的字符串。本例中在

restrict属性中设置了“0-9\-”,也就是只允许用户输入0到9的数字以及间隔符（-）。

让我们先来看一下Demo（

可以右键View Source或点击这里察看源代码

）

：

下面是完整代码(或点击这里查看)：
Download: main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">

<mx:Script>
<![CDATA[
private function textInput_change(evt:Event):void {
arrColl.addItem(evt);
}
]]>
</mx:Script>

<mx:ArrayCollection id="arrColl" />

<mx:ApplicationControlBar dock="true">
<mx:TextInput id="textInput"
restrict="0-9-"
change="textInput_change(event);" />
</mx:ApplicationControlBar>

<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
width="100%"
height="100%" />

</mx:Application>