Mega Code Archive

 

Categories / Flex / Components

 

Set up validator for Form input fields

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"    backgroundColor="#FFFFFF" width="550" height="300">       <mx:Validator required="true" source="{fnametxt}" property="text"      trigger="{validatebtn}" triggerEvent="click" listener="{fnametxt}"/>   <mx:Validator required="true" source="{lnametxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{lnametxt}"/>   <mx:Validator required="true" source="{addresstxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{addresstxt}"/>   <mx:Validator required="true" source="{citytxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{citytxt}"/>   <mx:Validator required="true" source="{statetxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{statetxt}"/>     <mx:ZipCodeValidator required="true" source="{ziptxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{ziptxt}"/>   <mx:EmailValidator source="{emailtxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{emailtxt}"/>   <mx:PhoneNumberValidator source="{phonetxt}" property="text"     trigger="{validatebtn}" triggerEvent="click" listener="{phonetxt}"/>        <mx:Panel title="Contact Info" width="500" height="250">   <mx:Form>     <mx:FormItem label="Name" direction="horizontal">       <mx:TextInput id="fnametxt" />       <mx:TextInput id="lnametxt" />     </mx:FormItem>     <mx:FormItem label="Address">       <mx:TextInput id="addresstxt"/>     </mx:FormItem>     <mx:FormItem label="City State, Zip" direction="horizontal">       <mx:TextInput id="citytxt"/>       <mx:TextInput id="statetxt" width="20"/>       <mx:TextInput id="ziptxt" width="50"/>     </mx:FormItem>     <mx:FormItem label="Phone">       <mx:TextInput id="phonetxt"/>     </mx:FormItem>     <mx:FormItem label="Email">       <mx:TextInput id="emailtxt"/>     </mx:FormItem>     <mx:Button id="validatebtn" label="Validate"/>   </mx:Form>   </mx:Panel> </mx:Application>