Use PhoneNumberValidator to validate and PhoneFormatter to format : PhoneNumberValidator « Data Model « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Data Model » PhoneNumberValidatorScreenshots 
Use PhoneNumberValidator to validate and PhoneFormatter to format
Use PhoneNumberValidator to validate and PhoneFormatter to format
      
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" minWidth="1024" minHeight="768">
        <mx:PhoneNumberValidator id="phoneValidator" property="text" source="{inputPhone}"/>
        <mx:PhoneFormatter id="phoneFormatter" formatString="(###) ###-####" validPatternChars="#-() "/>
    <mx:Script>
        
            import mx.events.ValidationResultEvent;
            private var vResult:ValidationResultEvent;
            
            private function phoneFormat():void {
                vResult = phoneValidator.validate();
                if (vResult.type==ValidationResultEvent.VALID) {
                    inputPhone.text = phoneFormatter.format(inputPhone.text);
                else {
                    inputPhone.text= "";
                }
            }
            
      
    </mx:Script>
        <mx:Label text="Phone Number Input"/>
        <mx:TextInput id="inputPhone" focusOut="phoneFormat()" width="300"/>
</mx:Application>

   
    
    
    
    
    
  
Related examples in the same category
1.Checking if the phone number entered is a valid formatChecking if the phone number entered is a valid format
2.Validate phone number with PhoneNumberValidatorValidate phone number with PhoneNumberValidator
3.Use Use <mx:PhoneNumberValidator>
4.A PhoneNumberValidator validator is assigned to arg1(first argument tag)A PhoneNumberValidator validator is assigned to arg1(first argument tag)
5.Override default error message for a specific PhoneNumberValidatorOverride default error message for a specific PhoneNumberValidator
6.Using the PhoneNumberValidator classUsing the PhoneNumberValidator class
7.Using PhoneNumberValidatorUsing PhoneNumberValidator
8.PhoneNumberValidator allowedFormatChars and error messagesPhoneNumberValidator allowedFormatChars and error messages
9.Declare the standard PhoneNumberValidator validator with tagDeclare the standard PhoneNumberValidator validator with <mx:PhoneNumberValidator> tag
10.PhoneNumberValidator in ActionScriptPhoneNumberValidator in ActionScript
11.PhoneNumberValidator Custom Event ListenerPhoneNumberValidator Custom Event Listener
12.Using two PhoneNumberValidator tags to ensure that the home and mobile phone numbers are entered correctlyUsing two PhoneNumberValidator tags to ensure that the home and mobile phone numbers are entered correctly
13.Validating data using ActionScript 3.0Validating data using ActionScript 3.0
14.Assigning a new message string to the wrongLengthError propertyAssigning a new message string to the wrongLengthError property
w___ww__.j___av_a__2_s___.___c_o__m | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.