示例:
代码:
xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:Script>
import mx.events.ValidationResultEvent;
private var vResult:ValidationResultEvent;
// Event handler to validate and format input.
private function Format():void
{
vResult = pnVal.validate();
if (vResult.type==ValidationResultEvent.VALID) {
formattedPhone.text= phoneFormatter.format(phone.text);
}
else {
formattedPhone.text= "";
}
}
]]>
mx:Script>
<mx:PhoneFormatter id="phoneFormatter"
formatString="## ## ## ## ##" validPatternChars="# "/>
<mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text"
allowedFormatChars=""/>
<mx:Panel title="Exemple de PhoneFormatter pour la France" width="75%" height="75%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:Form>
<mx:FormItem label="Entrez un numéro de téléphone (0448372389 par ex.):">
<mx:TextInput id="phone" text="" width="75%"/>
mx:FormItem>
<mx:FormItem label="Numéro de téléphone formaté: ">
<mx:TextInput id="formattedPhone" text="" width="75%" editable="false"/>
mx:FormItem>
<mx:FormItem>
<mx:Button label="Valider et Formater" click="Format();"/>
mx:FormItem>
mx:Form>
mx:Panel>
mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:Script>
import mx.events.ValidationResultEvent;
private var vResult:ValidationResultEvent;
// Event handler to validate and format input.
private function Format():void
{
vResult = pnVal.validate();
if (vResult.type==ValidationResultEvent.VALID) {
formattedPhone.text= phoneFormatter.format(phone.text);
}
else {
formattedPhone.text= "";
}
}
]]>
mx:Script>
<mx:PhoneFormatter id="phoneFormatter"
formatString="## ## ## ## ##" validPatternChars="# "/>
<mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text"
allowedFormatChars=""/>
<mx:Panel title="Exemple de PhoneFormatter pour la France" width="75%" height="75%"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:Form>
<mx:FormItem label="Entrez un numéro de téléphone (0448372389 par ex.):">
<mx:TextInput id="phone" text="" width="75%"/>
mx:FormItem>
<mx:FormItem label="Numéro de téléphone formaté: ">
<mx:TextInput id="formattedPhone" text="" width="75%" editable="false"/>
mx:FormItem>
<mx:FormItem>
<mx:Button label="Valider et Formater" click="Format();"/>
mx:FormItem>
mx:Form>
mx:Panel>
mx:Application>
点击下载源文件
菜鸟语:
源文件有稍许问题,修改并编译成swf方便查看示例。
来自:http://www.flex-tutorial.fr/2008/05/18/flex-formatter-exemple-de-phoneformatter-en-mxml/