<?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>