<?xml version="1.0" encoding="utf-8"?>
  <mx:Application
     xmlns:mx="http://www.adobe.com/2006/mxml"
     xmlns:comps="*" 
     backgroundColor="#FFFFFF" >
  
     <mx:Script>
             <![CDATA[
                     import mx.controls.Alert;
                     
                     private function validate():void{
                             if(myTI.length > 2){
                                     myBtn.isValid = true;
                             }else{
                                     myBtn.isValid = false;
                             }
                     }
             ]]>
     </mx:Script>
  
    <mx:Panel title="AS3 Custom Component"  width="500" height="90" 
      paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"
      layout="horizontal"> 
      <mx:Label text="Requires at least 3 characters" />
      <mx:TextInput id="myTI" change="this.validate()" />
      <comps:professional_flex_code_13_ValidateButton label="isValid" id="myBtn" labelPlacement="left"
          click="mx.controls.Alert.show(myBtn.getProperties(),'Alert')" />          
    </mx:Panel>
     
  </mx:Application>