Triggering validation with Events : Validator « Development « Flex

1. Flex
2. Development
3. Validator

Triggering validation with Events

           
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="doValidate()">
    <mx:Script>
        
            import mx.events.ValidationResultEvent;
            import mx.validators.*;
            
            private var phoneV:PhoneNumberValidator;
            
            private function doValidate():void
            {
                phoneV = new PhoneNumberValidator();
                phoneV.source = phoneTxt;
                phoneV.property = "text";
                phoneV.required = true;
                phoneV.allowedFormatChars = "+,-";
                phoneV.required = true;
                phoneV.allowedFormatChars = "+-";
                phoneV.invalidCharError = "Invalid char.";
                phoneV.wrongLengthError = "Invalid format";
                phoneV.requiredFieldError = "required";
    
                phoneV.trigger = phoneTxt;
                phoneV.triggerEvent = "change";
            }
            
            private function isValid(evt:Event):void
            {
                validationTxt.text  = evt.type as String;
                myLbl.visible = true;
                myLbl.text = "Validated!"
                myLbl.styleName = evt.type;
            }
            
            private function notValid(evt:Event):void
            {               
                validationTxt.text  = evt.type as String;
                myLbl.visible = true;
                myLbl.text = "Correct the error in this field !"
                myLbl.styleName = "invalid";
            }
            private function handleResultEvent(evt:ValidationResultEvent):void {
                
                if(evt.type==ValidationResultEvent.VALID)  
                {
                    validationTxt.text  = "The FormItem has been succesfully validated !";
                    
                }  else if(evt.type==ValidationResultEvent.INVALID) 
                {
                    validationTxt.text  = "The FormItem has NOT been validated !";
                }
            }
      
    </mx:Script>
     <mx:Style>
        .invalid {
         color:#FF0000;
        }
        .valid {
            color:#004000;
        }
     </mx:Style>
    <mx:Form id="myForm">        
        <mx:FormItem label="Insert Name" required="true">
            <mx:HBox>           
                <mx:TextInput id="nameTxt" valid="isValid(event)" invalid="notValid(event)" />
                <mx:Label id="myLbl" text="" visible="false" />
            </mx:HBox>          
        </mx:FormItem>
        <mx:FormItem label="Insert Phone Number">
            <mx:TextInput id="phoneTxt" />
        </mx:FormItem>
        
    </mx:Form>

    <mx:TextArea x="10" y="172" width="305" height="87" id="validationTxt"/>
    
</mx: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.	Write the performValidation() function
44.	Perform a validation on a required input field
45.	Reset Value based on validation result
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