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>
Related examples in the same category