MXML code that uses the standard ZipCodeValidator component : ZipCodeValidator « Data Model « Flex






MXML code that uses the standard ZipCodeValidator component

MXML code that uses the standard ZipCodeValidator component
    

<!--
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/

-->



<!-- datarep\Validate.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">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Declarations>
        <fx:Model id="zipModel">
            <root>
                <zip>{input.text}</zip>
            </root>
        </fx:Model>
        <mx:ZipCodeValidator source="{zipModel}" property="zip"
            listener="{input}" trigger="{input}" />
    </fx:Declarations>
    <s:TextInput id="input" text="enter zip" width="80" />
    <s:TextInput text="click here to validate" />
</s:Application>

   
    
    
    
  








Related examples in the same category

1.Specify a Flex user-interface control as the value of the source propertySpecify a Flex user-interface control as the value of the source property
2.ZipCodeValidator and U.S ZIP CodeZipCodeValidator and U.S ZIP Code
3.Use ZipCodeValidator and PhoneNumberValidator along with FormUse ZipCodeValidator and PhoneNumberValidator along with Form
4.Use the standard ZipCodeValidator component, represented by the Use the standard ZipCodeValidator component, represented by the <mx:ZipCodeValidator>
5.Set listener to ZipCodeValidatorSet listener to ZipCodeValidator
6.ZipCodeValidator to validate TextInput when losing focusZipCodeValidator to validate TextInput when losing focus
7.Using the ZipCodeValidator classUsing the ZipCodeValidator class
8.Import ZipCodeValidatorDomainTypeImport ZipCodeValidatorDomainType
9.Using ZipCodeValidator and PhoneNumberValidator to perform validation.Using ZipCodeValidator and PhoneNumberValidator to perform validation.
10.ZipCodeValidator source and propertyZipCodeValidator source and property
11.ZipCodeValidator Trigger EventZipCodeValidator Trigger Event
12.ZipCodeValidator EventZipCodeValidator Event
13.Reusable ZipCodeValidatorReusable ZipCodeValidator
14.ZipCodeValidator event ListenerZipCodeValidator event Listener
15.Use ZipCodeFormatter to format variableUse ZipCodeFormatter to format variable
16.Use ZipCodeFormatter component to format the value of a variableUse ZipCodeFormatter component to format the value of a variable
17.Set format string for ZipCodeFormatterSet format string for ZipCodeFormatter
18.Using the ZipCodeFormatter with formatUsing the ZipCodeFormatter with format
19.Using the ZipCodeFormatterUsing the ZipCodeFormatter
20.Disable submit button if it is not validDisable submit button if it is not valid
21.Value Triggered ResultValue Triggered Result