topical media & game development
professional-flex-code-09-ValidateModelData.mx
professional-flex-code-09-ValidateModelData.mx
[swf]
flex
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="#FFFFFF" width="550" height="300">
<mx:Model id="contactmodel">
<contact>
<fname>{fnametxt.text}</fname>
<lname>{lnametxt.text}</lname>
<address>{addresstxt.text}</address>
<city>{citytxt.text}</city>
<state>{statetxt.text}</state>
<zip>{ziptxt.text}</zip>
<phone>{phonetxt.text}</phone>
<email>{emailtxt.text}</email>
</contact>
</mx:Model>
<mx:Validator required="true" source="{contactmodel}" property="fname"
trigger="{validatebtn}" triggerEvent="click" listener="{fnametxt}"/>
<mx:Validator required="true" source="{contactmodel}" property="lname"
trigger="{validatebtn}" triggerEvent="click" listener="{lnametxt}"/>
<mx:Validator required="true" source="{contactmodel}" property="address"
trigger="{validatebtn}" triggerEvent="click" listener="{addresstxt}"/>
<mx:Validator required="true" source="{contactmodel}" property="city"
trigger="{validatebtn}" triggerEvent="click" listener="{citytxt}"/>
<mx:Validator required="true" source="{contactmodel}" property="state"
trigger="{validatebtn}" triggerEvent="click" listener="{statetxt}"/>
<mx:ZipCodeValidator required="true" source="{contactmodel}" property="zip"
trigger="{validatebtn}" triggerEvent="click" listener="{ziptxt}"/>
<mx:EmailValidator source="{contactmodel}" property="email"
trigger="{validatebtn}" triggerEvent="click" listener="{emailtxt}"/>
<mx:PhoneNumberValidator source="{contactmodel}" property="phone"
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 Data Model"/>
</mx:Form>
</mx:Panel>
</mx:Application>
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.