Flex Validator example

Code below shows Flex Validator component example. With these components different types of data are get validated with appropriate validators.

Flex Validator example

Flex Validator example

     

Code below shows Flex validator component example. With these components different types of data are get validated with appropriate validators. The provided flex feature is mostly used in validating the user ids,  email addresses and passwords. 

In the example validator for email and phone numbers are made. When the user writes, data validator checks the syntax and type of data entered and if the data entered is found to be wrong,  the corresponding validator generates error message  in red text format.
Similarly many different types of validators can be created and that you will be going to learn soon.  

 

 

 

 

 

validator.mxml

<?xml version = '1.0' encoding = 'ISO-8859-1'?>
<mx:Application xmlns:mx = 'http://www.adobe.com/2006/mxml'>

  <mx:PhoneNumberValidator source = '{phoneNumber}' 
 property = 'text'/>
  <mx:EmailValidator source = '{EmailId}' 
 property = 'text'/>

  <mx:Panel title = 'Flex Validator Control'>
  
  <mx:TextInput id = 'phoneNumber' 
  text = 'Your valid phone number.'/>
  <mx:TextInput id = 'EmailId' 
  text = 'baadshah@newstrackindia.com'/>
  
  </mx:Panel>

</mx:Application>

validator.swf

Download the code

Tutorials

  1. Action Script custom components
  2. Flex Tutorials
  3. Login.mxml
  4. Performing Object Introspection
  5. For..in loop
  6. How to display on textbox using ObjectUtil class
  7. Introducing Flex
  8. Downloading and Installing Flex
  9. Flex Example
  10. Flex Combo Box example
  11. Flex wipe behavior example
  12. Flex Validator example
  13. Flex Tab Navigator example
  14. Flex Cascading Style Sheets example
  15. Flex Alert Box example
  16. Flex Remove Event Listener example
  17. Flex dispatch event example
  18. Flex Custom mxml tags example
  19. Flex current target property example
  20. Flex Circle drawing example
  21. Flex adding single event on varied components Example
  22. Flex Add Event Listener example
  23. Action Script 'source' attribute example
  24. Action Script 'include' statement example
  25. Flex combobox selecteditem
  26. Flex data binding example
  27. Compiling MXML files with FlexBuilder
  28. Flex Handling KeyboardEvents
  29. Flex checkbox control example
  30. Flex event phase detection example
  31. Explore key & mouse with Flex
  32. Flex KeyboardEvent Listener
  33. Flex KeyboardEvent properties
  34. Flex target property example
  35. Flex terminating event flow example
  36. Downloading and Installing Flex Builder
  37. Eclipse flex ant coding example
  38. Flex Container
  39. Flex Introduction
  40. What are Flex Containers