使用PhoneNumberValidator判断用户输入的电话格式，并用PhoneFormatter对电话号码格式化。

PhoneNumberValidator和PhoneFormatter 标签学习.

示例：

代码：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">

<mx:Script>

<![CDATA[

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/