使用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/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值