<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate Form layout container. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Model id="checkModel"> <User> <FirstName>{fname.text}</FirstName> <DOB>{dob.text}</DOB> <Email>{email.text}</Email> <Age>{age.text}</Age> <SSN>{ssn.text}</SSN> <Zip>{zip.text}</Zip> <Phone>{phone.text}</Phone> </User> </mx:Model>

    <mx:Panel title="Form Container Example" height="75%" width="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Text width="100%" color="blue" text="Moving from one form field to another triggers the validator."/>

        <mx:Form width="100%" height="100%"> <mx:FormHeading label="Enter values into the form."/>

            <mx:FormItem label="First name"> <mx:TextInput id="fname" width="200"/> </mx:FormItem>

            <mx:FormItem label="Date of birth (mm/dd/yyyy)"> <mx:TextInput id="dob" width="200"/> </mx:FormItem>

            <mx:FormItem label="E-mail address"> <mx:TextInput id="email" width="200"/> </mx:FormItem>

            <mx:FormItem label="Age"> <mx:TextInput id="age" width="200"/> </mx:FormItem>

            <mx:FormItem label="SSN"> <mx:TextInput id="ssn" width="200"/> </mx:FormItem>

            <mx:FormItem label="Zip"> <mx:TextInput id="zip" width="200"/> </mx:FormItem>

            <mx:FormItem label="Phone"> <mx:TextInput id="phone" width="200"/> </mx:FormItem> </mx:Form>

    </mx:Panel>

    <mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/> <mx:PhoneNumberValidator source="{phone}" property="text"/> <mx:DateValidator source="{dob}" property="text"/> <mx:EmailValidator source="{email}" property="text"/> <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value" minValue="18" maxValue="100" domain="int"/> <mx:SocialSecurityValidator source="{ssn}" property="text"/> <mx:ZipCodeValidator source="{zip}" property="text"/>

</mx:Application>