Validate Model Data : Model « Data Model « Flex

1. Flex
2. Data Model
3. Model

Validate Model Data

          

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 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>

   
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Model With Validator
2.	Use dot-delimited Strings with a nesting structure of elements
3.	Define a Flex data model that contains two values
4.	Combine binded data from Data Model
5.	Script-based models
6.	Fill in data for Model
7.	Define and reference Model
8.	Referencing repeated data in Model
9.	Bind model to Text
10.	Bind whole expression from Model to a Text control
11.	Build Expression from data bind in Model
12.	Do calculation with binded Model data
13.	The tag
14.	An child tag with no value is considered null.
15.	Use validate() method to validate a Model object
16.	Get data from Model
17.	Loop through a Model
18.	Bind control's data to Model and use model data in another control
19.	Converting an MXML data model in an ActionScript object
20.	Validating a data model using the validate() method
21.	Model and binding
22.	A Flex data model that contains two values.
23.	TextModel Example
24.	An employee model declared in an tag:
25.	Model Tag Empty String
26.	Bind field in Model to a Text control