• 注册
当前位置:1313e > 默认分类 >正文

使用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>
        


            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/

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录