<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:utils="com.wheelerstreet.utils.*"
    backgroundColor="#333333"
    layout="absolute">
    
    <mx:Script>
        <![CDATA[
            
            private function handleFormValidate(event:Event):void {
                status.text = "This form is: "+String(event.type);
            }
        ]]>
    </mx:Script>
    
    <mx:Array id="validators" >
        <mx:StringValidator source="{fname}" property="text" minLength="2" required="true"  />
        <mx:StringValidator source="{lname}" property="text" minLength="2" required="true"  />
        <mx:SocialSecurityValidator source="{ssn}" property="text" required="true" />    
    </mx:Array>
    <mx:TitleWindow title="Validation Form" top="20" left="20" >
    
    <utils:ValidatorForm 
        id="addEmployeeForm" 
        defaultButton="{submitButton}" 
        validators="{validators}" 
        valid="handleFormValidate(event)"  
        invalid="handleFormValidate(event)"  
        >
        
        <mx:FormItem label="First name">
            <mx:TextInput id="fname" width="200" />
        </mx:FormItem>
        
        <mx:FormItem label="Last name">
            <mx:TextInput id="lname" width="200"  />
        </mx:FormItem>
        
        <mx:FormItem label="SSN">
            <mx:TextInput id="ssn" width="200" />
        </mx:FormItem>
        
        <mx:FormItem label="Married:">
            <mx:CheckBox id="mstatus" width="200"/>
        </mx:FormItem>
        
    </utils:ValidatorForm>
    
    <mx:ControlBar>
        <mx:Text id="status"  width="186"/>
        <mx:Spacer width="100%"/>
           <mx:Button 
               id="submitButton"
               label="Submit" 
               enabled="false"                
               height="30"
           />
    </mx:ControlBar>
    
    </mx:TitleWindow>
     
    
    
</mx:Application>