示例:
代码:
<?
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 >
< 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/