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






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