Use FormItem to wrap Button, TextInput

          

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        private function processValues():void {
            var inputZip:String = zipCode.text;
            var inputPhone:String = phoneNumber.text;
        }
      
    </mx:Script>
    <mx:ZipCodeValidator id="zcVal" source="{zipCode}" property="text" domain="US or Canada" />
    <mx:PhoneNumberValidator id="pnVal" source="{phoneNumber}" property="text" />
    <mx:Form id="myForm" defaultButton="{mySubmitButton}">
        <mx:FormItem label="Zip Code">
            <mx:TextInput id="zipCode" />
        </mx:FormItem>
        <mx:FormItem label="Phone Number">
            <mx:TextInput id="phoneNumber" />
        </mx:FormItem>
        <mx:FormItem>
            <mx:Button label="Submit" id="mySubmitButton" click="processValues();" />
        </mx:FormItem>
    </mx:Form>
</mx:Application>

Related examples in the same category

1.	On value commit in a TextInput control, use alert to display the input value
2.	Using if..else statement to do a password check
3.	Using a switch statement to check the value of TextInput
4.	Copy values from one TextInput to another TextInput by reference id
5.	Check the length of TextInput field value
6.	TextInput creationCompleteEffect
7.	Set value from TextInput to a variable
8.	Use TextInput for entering information
9.	Get input from TextInput, Do calculation and assign result to Label
10.	Add event handler for TextInput
11.	Add Spacer to PopupButton and TextInput
12.	Creating a TextInput control with
13.	Convert value in TextInput to Number
14.	Define class with style and apply to TextInput
15.	Get text from TextInput box
16.	Use trace() function to write the value of the text property of a TextInput control to the log file
17.	TextInput for entering personal contact information
18.	Cast current target to a TextInput class
19.	Change TextInput from enabled disabled to enabled
20.	Use Form Item label to mark TextInput
21.	Not editable TextInput
22.	Use Label for mark TextInput
23.	Wrap TextInput in a HBox and put to FormItem
24.	Format a phone number using TextInput control
25.	TextInput enter pressed action
26.	Use TextInput as password field
27.	set a threshold value in the TextInput control.
28.	Sum value from two TextInput in Button action
29.	TextInput is one line text box
30.	Filter TextInput
31.	Use scroll bars to see entire TextInput control by wrapping the Group container in the Scroller control
32.	Form Labels and TextInput fields
33.	Create a TextInput control in a Form container
34.	Creating a TextInput control
35.	MX TextInput control in a simple form
36.	TextInput Control
37.	Format a phone number that a user inputs in an application by using the TextInput control:
38.	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 components
40.	Convert from Celsius to Fahrenheit back and forth
41.	Restricting Input
42.	Use a backslash (\) in front of a hyphen to show that you want the hyphen literally	$Use a backslash (\) in front of a hyphen to show that you want the hyphen literally$

Use FormItem to wrap Button, TextInput : TextInput « Components « Flex

Related examples in the same category