Format a phone number that a user inputs in an application by using the TextInput control: : TextInput « Components « Flex






Format a phone number that a user inputs in an application by using the TextInput control:

Format a phone number that a user inputs in an application by using the TextInput control:
          

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


    <!-- formatters\Formatter2TextFields.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Declarations>
        <!-- Declare a PhoneFormatter and define formatting parameters.-->
        <mx:PhoneFormatter id="phoneDisplay" areaCode="415"
            formatString="###-####" />
    </fx:Declarations>
    <!-- Declare the input control.-->
    <s:Label text="Enter 7 digit phone number (########):" />
    <s:TextInput id="myTI" />
    <!-- Declare the control to display the formatted data.-->
    <s:TextArea text="{phoneDisplay.format(myTI.text)}" />
</s:Application>

   
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.On value commit in a TextInput control, use alert to display the input valueOn value commit in a TextInput control, use alert to display the input value
2.Using if..else statement to do a password checkUsing if..else statement to do a password check
3.Using a switch statement to check the value of TextInputUsing a switch statement to check the value of TextInput
4.Copy values from one TextInput to another TextInput by reference idCopy values from one TextInput to another TextInput by reference id
5.Check the length of TextInput field valueCheck the length of TextInput field value
6.TextInput creationCompleteEffectTextInput creationCompleteEffect
7.Set value from TextInput to a variableSet value from TextInput to a variable
8.Use TextInput for entering informationUse TextInput for entering information
9.Get input from TextInput, Do calculation and assign result to LabelGet input from TextInput, Do calculation and assign result to Label
10.Add event handler for TextInputAdd event handler for TextInput
11.Add Spacer to PopupButton and TextInputAdd Spacer to PopupButton and TextInput
12.Creating a TextInput control with Creating a TextInput control with <mx:TextInput>
13.Use FormItem to wrap Button, TextInputUse FormItem to wrap Button, TextInput
14.Convert value in TextInput to NumberConvert value in TextInput to Number
15.Define class with style and apply to TextInputDefine class with style and apply to TextInput
16.Get text from TextInput boxGet text from TextInput box
17.Use trace() function to write the value of the text property of a TextInput control to the log fileUse trace() function to write the value of the text property of a TextInput control to the log file
18.TextInput for entering personal contact informationTextInput for entering personal contact information
19.Cast current target to a TextInput classCast current target to a TextInput class
20.Change TextInput from enabled disabled to enabledChange TextInput from enabled disabled to enabled
21.Use Form Item label to mark TextInputUse Form Item label to mark TextInput
22.Not editable TextInputNot editable TextInput
23.Use Label for mark TextInputUse Label for mark TextInput
24.Wrap TextInput in a HBox and put to FormItem
25.Format a phone number using TextInput controlFormat a phone number using TextInput control
26.TextInput enter pressed actionTextInput enter pressed action
27.Use TextInput as password fieldUse TextInput as password field
28.set a threshold value in the TextInput control.set a threshold value in the TextInput control.
29.Sum value from two TextInput in Button actionSum value from two TextInput in Button action
30.TextInput is one line text boxTextInput is one line text box
31.Filter TextInputFilter TextInput
32.Use scroll bars to see entire TextInput control by wrapping the Group container in the Scroller controlUse scroll bars to see entire TextInput control by wrapping the Group container in the Scroller control
33.Form Labels and TextInput fieldsForm Labels and TextInput fields
34.Create a TextInput control in a Form containerCreate a TextInput control in a Form container
35.Creating a TextInput controlCreating a TextInput control
36.MX TextInput control in a simple form
37.TextInput ControlTextInput Control
38.Use TextInput's contentToGlobal() to convert coordinates from relative to the VGroup container to global coordinates.Use TextInput's contentToGlobal() to convert coordinates from relative to the VGroup container to global coordinates.
39.Style information for all Spark Button, TextInput, and Label componentsStyle information for all Spark Button, TextInput, and Label components
40.Convert from Celsius to Fahrenheit back and forthConvert from Celsius to Fahrenheit back and forth
41.Restricting InputRestricting Input
42.Use a backslash (\) in front of a hyphen to show that you want the hyphen literallyUse a backslash (\) in front of a hyphen to show that you want the hyphen literally