Reset Value based on validation result : Validator « Development « Flex

1. Flex
2. Development
3. Validator

Reset Value based on validation result

           

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

-->



    <!-- validators\ResetVal.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script> 
         
        import mx.events.ValidationResultEvent; 
        private var vResult:ValidationResultEvent; 
        // Function to validate data and submit it to the server. 
        private function validateAndSubmit():void { 
            // Validate the required fields. 
            vResult = zipV.validate(); 
            if (vResult.type==ValidationResultEvent.INVALID) 
                return; 
            // Submit data to server. 
        } 
        <!-- Clear the input controls and the errorString property 
        when resetting the form. --> 
        private function resetForm():void { 
            zipInput.text = ''; 
            zipInput.errorString = ''; 
        } 
      
    </fx:Script>
    <fx:Declarations>
        <mx:ZipCodeValidator id="zipV" source="{zipInput}"
            property="text" />
    </fx:Declarations>
    <mx:Form>
        <mx:FormItem label="Enter ZIP code">
            <s:TextInput id="zipInput" />
        </mx:FormItem>
        <mx:FormItem label="Enter Country">
            <s:TextInput id="cntryInput" />
        </mx:FormItem>
    </mx:Form>
    <!-- Trigger submit. -->
    <s:Button label="Submit" click="validateAndSubmit();" />
    <!-- Trigger reset. -->
    <s:Button label="Reset" click="resetForm();" />
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	A basic validator for requirement
2.	Set source and trigger for validator
3.	Set source and property for Validator
4.	Validate model data with Validator
5.	Declare validators in ActionScript
6.	Assigning a validator to the data model
7.	Set validator property to text
8.	Set validator domain
9.	Validator returns ValidationResultEvent
10.	Use Validator.validateAll() to invoke validators in an Array
11.	Assign validator target
12.	MXML validator classes
13.	Call validator validate method in button click action handler
14.	Use a Button control to invoke a validator
15.	Use Validators in function
16.	Run a list of validators defined in an Array
17.	Display validation result for a list of validator one by one
18.	Use a validator along with a data binding to validate
19.	Create and invoke a validator programmatically in when a user clicks a Button control
20.	Invoking multiple validators in a function
21.	Explicitly handing validator validation events
22.	Use Validator defined in MXML and call its validate method
23.	Create an array with the validators
24.	Create and invoke a validator programmatically when a user clicks a Button control
25.	Use method to invoke two validators in response to the click event for the Button control
26.	Use a Button control to invoke a validator, but the application first determines which validator to execute
27.	Use Email validator
28.	Use Array.filter() filter out disabled validator
29.	Use button event to trigger a validation event
30.	ActionScript based Validation
31.	Form data validation
32.	Triggering validation by using events
33.	Triggering validation by using the default event
34.	Call validation method in a user method
35.	ValidationResultEvent property
36.	Changing the color of the validation error message
37.	Clearing a validation error
38.	Validate one component but have validation results apply to a different component
39.	Explicitly handling component validation events
40.	More than one field date validation
41.	Data Validation Through Events
42.	Data Validation Through ActionScript
43.	Triggering validation with Events
44.	Write the performValidation() function
45.	Perform a validation on a required input field
46.	Set errorString to create an error tip without performing any validation
47.	validate handler and invalid handler
48.	Run the validate() method and assign the result to a variable
49.	Required field Error message