Model With Validator

     

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



<!-- Models\ModelWithValidator.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Declarations>
        <fx:Model id="reg">
            <registration>
                <name>{username.text}</name>
                <email>{email.text}</email>
                <phone>{phone.text}</phone>
                <zip>{zip.text}</zip>
                <ssn>{ssn.text}</ssn>
            </registration>
        </fx:Model>
        <mx:Validator required="true" source="{reg}" property="name"
            trigger="{submit}" triggerEvent="click" listener="{username}" />
        <mx:EmailValidator source="{reg}" property="email" trigger="{submit}"
            triggerEvent="click" listener="{email}" />
        <mx:PhoneNumberValidator source="{reg}" property="phone"
            trigger="{submit}" triggerEvent="click" listener="{phone}" />
        <mx:ZipCodeValidator source="{reg}" property="zip" trigger="{submit}"
            triggerEvent="click" listener="{zip}" />
        <mx:SocialSecurityValidator source="{reg}" property="ssn"
            trigger="{submit}" triggerEvent="click" listener="{ssn}" />
    </fx:Declarations>
    <!-- Form contains user input controls. -->
    <mx:Form>
        <mx:FormItem label="Name" required="true">
            <s:TextInput id="username" width="200" />
        </mx:FormItem>
        <mx:FormItem label="Email" required="true">
            <s:TextInput id="email" width="200" />
        </mx:FormItem>
        <mx:FormItem label="Phone" required="true">
            <s:TextInput id="phone" width="200" />
        </mx:FormItem>
        <mx:FormItem label="Zip" required="true">
            <s:TextInput id="zip" width="60" />
        </mx:FormItem>
        <mx:FormItem label="Social Security" required="true">
            <s:TextInput id="ssn" width="200" />
        </mx:FormItem>
        <mx:FormItem>
            <!-- User clicks Button to trigger validation. -->
            <s:Button id="submit" label="Validate" />
        </mx:FormItem>
    </mx:Form>
</s:Application>

Related examples in the same category

1.	Use dot-delimited Strings with a nesting structure of elements
2.	Define a Flex data model that contains two values
3.	Combine binded data from Data Model
4.	Validate Model Data
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

Model With Validator : Model « Data Model « Flex

Related examples in the same category