Comments on: Validating Flex forms using the Validator classes http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/ Just a bunch of Adobe Flex Examples Fri, 19 Mar 2010 20:35:16 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Peter deHaan http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-7288 Peter deHaan Wed, 17 Mar 2010 15:45:19 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-7288 @Jon, Try explicitly clearing the <code>errorString</code> properties for each control also: <pre lang="actionscript3"> private function resetForm(evt:MouseEvent):void { shippingName.text = ""; shippingAddress1.text = ""; shippingAddress2.text = ""; shippingCity.text = ""; shippingState.selectedIndex = -1; shippingZipCode.text = ""; shippingName.errorString = ""; shippingAddress1.errorString = ""; shippingAddress2.errorString = ""; shippingCity.errorString = ""; shippingState.errorString = ""; shippingZipCode.errorString = ""; } </pre> Peter @Jon,

Try explicitly clearing the errorString properties for each control also:

private function resetForm(evt:MouseEvent):void {
    shippingName.text = "";
    shippingAddress1.text = "";
    shippingAddress2.text = "";
    shippingCity.text = "";
    shippingState.selectedIndex = -1;
    shippingZipCode.text = "";
 
    shippingName.errorString = "";
    shippingAddress1.errorString = "";
    shippingAddress2.errorString = "";
    shippingCity.errorString = "";
    shippingState.errorString = "";
    shippingZipCode.errorString = "";
}

Peter

]]> By: Jon http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-7282 Jon Wed, 17 Mar 2010 14:30:09 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-7282 Why does resetting the form still leave all the inputs as invalid (i.e. red border) ? How do you reset the form completely, so someone can start from scratch? Why does resetting the form still leave all the inputs as invalid (i.e. red border) ? How do you reset the form completely, so someone can start from scratch?

]]> By: Marc de Kwant http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-6887 Marc de Kwant Sat, 30 Jan 2010 09:22:29 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-6887 instead of using an init function to push all validators into an array, I would do this: <pre lang="mxml"> <mx:ArrayCollection> <mx:ZipCodeValidator id="shippingZipCode_zipCodeValidator" source="{shippingZipCode}" property="text" requiredFieldError="Please enter a zip code in ZIP+4 format." domain="{ZipCodeValidatorDomainType.US_ONLY}" />   <mx:StringValidator id="shippingZipCode_stringValidator" source="{shippingZipCode}" property="text" tooShortError="Please enter a zip code in ZIP+4 format." minLength="10" maxLength="10" /> </mx:ArrayCollection> </pre> Kind regards, <a href="http://www.linkedin.com/in/marcdekwant" rel="nofollow">Marc</a> instead of using an init function to push all validators into an array, I would do this:

<mx:ArrayCollection>
   <mx:ZipCodeValidator id="shippingZipCode_zipCodeValidator"
        source="{shippingZipCode}"
        property="text"
        requiredFieldError="Please enter a zip code in ZIP+4 format."
        domain="{ZipCodeValidatorDomainType.US_ONLY}"  />
 
    <mx:StringValidator id="shippingZipCode_stringValidator"
        source="{shippingZipCode}"
        property="text"
         tooShortError="Please enter a zip code in ZIP+4 format."
        minLength="10" maxLength="10" />
</mx:ArrayCollection>

Kind regards,

Marc

]]> By: Tim http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-6615 Tim Wed, 16 Dec 2009 02:13:56 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-6615 Anybody who can help me? I want to validate the password ,which the confirm password is right for the password ? Anybody who can help me?
I want to validate the password ,which the confirm password is right for the password ?

]]> By: Anonymous http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-6564 Anonymous Wed, 09 Dec 2009 15:07:26 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-6564 The index for the NumberValidator is off - it doesn't require a selection if left at 0 that should be changed to 1 The index for the NumberValidator is off – it doesn’t require a selection if left at 0 that should be changed to 1

]]> By: Sameera Sandaruwan http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-6443 Sameera Sandaruwan Tue, 24 Nov 2009 10:54:18 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-6443 1. TextInput creates dynamically <pre lang="actionscript3"> textInputBox = new MyTextInput; textInputBox.restrict = "0-9."; textInputBox.maxChars = 24; amountValidator = new NumberValidator(); amountValidator.source = textInputBox; amountValidator.property = "text"; amountValidator.allowNegative = false; amountValidator.domain = "real"; amountValidator.precision = 4; amountValidator.required = false; amountValidator.maxValue = 999999999999.9999; amountValidator.trigger = textInputBox; amountValidator.triggerEvent = Event.CHANGE; amountValidator.addEventListener(ValidationResultEvent.VALID, amountValid); amountValidator.addEventListener(ValidationResultEvent.INVALID, amountInvalid); private function amountValid(event:ValidationResultEvent):void { valid = true; fieldsValidated = true; } private function amountInvalid(event:ValidationResultEvent):void { valid = false; fieldsValidated = true; } </pre> 2. As mention in the creation, when we exceed the limit, it shows error my red color border, and the same time if you delete them by DEL key when it come to the given acceptable limit, automatically become to green soon. 3. Leave from the field and change values of another textinput(this is just a textinput, this is a form there are some more form elemets), then come back to value exceeded textfield by SHIFT+TABS and remove the additional entered numbers, when you come to green soon your value is accepted. 4.Now again enter more values and now you are in the warn zone, then leave from the field and do the few changes in other form elements. 5. Then come back to the value exceeded text filed by MOUSE CLICK, and start delete from DEL, even though you removed additional values, still fields shows that you are in warn zone. <strong>Actual Results:</strong> Even when remove additional numbers,still field is Red <strong>Expected Results:</strong> if remove additional numbers, field should come its normal status. Picture of this issue can be viewed at http://bugs.adobe.com/jira/browse/SDK-24372 1. TextInput creates dynamically

textInputBox = new MyTextInput;
textInputBox.restrict = "0-9.";
textInputBox.maxChars = 24;
amountValidator = new NumberValidator();
amountValidator.source = textInputBox;
amountValidator.property = "text";
amountValidator.allowNegative = false;
amountValidator.domain = "real";
amountValidator.precision = 4;
amountValidator.required = false;
amountValidator.maxValue = 999999999999.9999;
amountValidator.trigger = textInputBox;
amountValidator.triggerEvent = Event.CHANGE;
amountValidator.addEventListener(ValidationResultEvent.VALID, amountValid);
amountValidator.addEventListener(ValidationResultEvent.INVALID, amountInvalid);
 
private function amountValid(event:ValidationResultEvent):void
{
    valid = true;
    fieldsValidated = true;
}
 
private function amountInvalid(event:ValidationResultEvent):void
{
    valid = false;
    fieldsValidated = true;
}

2. As mention in the creation, when we exceed the limit, it shows error my red color border, and the same time if you delete them by DEL key when it come to the given acceptable limit, automatically become to green soon.
3. Leave from the field and change values of another textinput(this is just a textinput, this is a form there are some more form elemets), then come back to value exceeded textfield by SHIFT+TABS and remove the additional entered numbers, when you come to green soon your value is accepted.
4.Now again enter more values and now you are in the warn zone, then leave from the field and do the few changes in other form elements.
5. Then come back to the value exceeded text filed by MOUSE CLICK, and start delete from DEL, even though you removed additional values, still fields shows that you are in warn zone.

Actual Results:
Even when remove additional numbers,still field is Red

Expected Results:
if remove additional numbers, field should come its normal status.

Picture of this issue can be viewed at http://bugs.adobe.com/jira/browse/SDK-24372

]]> By: Kethya http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-6323 Kethya Wed, 11 Nov 2009 09:29:23 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-6323 Hi everyone, I am try to put two validators on one control, but it doesn't seem working well. The logic is here. I put requireValidator and emailValidator on a textBox. when I click on "myButton" do validation. - My expectation is: if I don't in put any thing we have required validator error raise if I input some text but not match email pattern it will have emailValidator error raise - My result: if I don't input any text requiredFieldValidator raise (correct) if I input text but not follow email pattern the emailValidator raise but it doesn't draw red rectangle around my text input and doesn't show the validate message Please anyone helps, Thanks Kethya Here is my sample code: ==================================== <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import mx.controls.Alert; import mx.validators.Validator; import mx.validators.EmailValidator; import com.vecteurplus.sfa.util.validators.RequiredFieldValidator; private var _vList:Array; private function hBoxInit():void { var require:RequiredFieldValidator = new RequiredFieldValidator(); var email:EmailValidator = new EmailValidator(); require.required = true; require.property = "text"; require.source = myText; email.required = false; email.property = "text"; email.source = myText; _vList = new Array(); _vList.push(require); _vList.push(email); } private function myButton_clickHandler():void { var result:Array = Validator.validateAll(_vList); if (result) { Alert.show("there's error"); } } ]]> </mx:Script> <mx:HBox creationComplete="hBoxInit();"> <mx:TextInput id="myText"/> <mx:Button id="myButton" label="myButton" click="myButton_clickHandler();"> </mx:HBox> </mx:Application> </pre> Hi everyone,

I am try to put two validators on one control, but it doesn’t seem working well.
The logic is here.
I put requireValidator and emailValidator on a textBox.
when I click on “myButton” do validation.
- My expectation is:
if I don’t in put any thing we have required validator error raise
if I input some text but not match email pattern it will have emailValidator error raise
- My result:
if I don’t input any text requiredFieldValidator raise (correct)
if I input text but not follow email pattern the emailValidator raise but it doesn’t draw red rectangle around my text input and doesn’t show the validate message

Please anyone helps,

Thanks

Kethya

Here is my sample code:
====================================

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.validators.Validator;
			import mx.validators.EmailValidator;
			import com.vecteurplus.sfa.util.validators.RequiredFieldValidator;
			private var _vList:Array;
			private function hBoxInit():void {
				var require:RequiredFieldValidator = new RequiredFieldValidator();
				var email:EmailValidator = new EmailValidator();
 
				require.required = true;
				require.property = "text";
				require.source = myText;
 
				email.required = false;
				email.property = "text";
				email.source = myText;
 
				_vList = new Array();
				_vList.push(require);
				_vList.push(email);
			}
 
			private function myButton_clickHandler():void {
				var result:Array = Validator.validateAll(_vList);
				if (result) {
					Alert.show("there's error");
				}
			}
		]]>
	</mx:Script>
	<mx:HBox creationComplete="hBoxInit();">
		<mx:TextInput id="myText"/>
		<mx:Button id="myButton"
		label="myButton"
		click="myButton_clickHandler();">
	</mx:HBox>
</mx:Application>
]]> By: CaptainCode http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-6154 CaptainCode Thu, 29 Oct 2009 19:30:08 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-6154 Any easier way to validate a checkbox, using code built right into the Flex framework, is to use a string validator. When it attemts to validate on the checkbox, the "selected" property is automatically coerced into a string format. See the code below for an example: <pre lang="mxml"> <mx:FormItem label="I agree to the terms of use" required="true"> <mx:CheckBox id="terms"/> </mx:FormItem> <mx:StringValidator source="{terms}" required="true" property="selected" maxLength="4" requiredFieldError="You must agree to the Terms of Use." tooLongError="You must agree to the Terms of Use."/> </pre> Clean, simple, built-in, and best of all.... 4 lines of MXML. Any easier way to validate a checkbox, using code built right into the Flex framework, is to use a string validator. When it attemts to validate on the checkbox, the “selected” property is automatically coerced into a string format. See the code below for an example:

<mx:FormItem label="I agree to the terms of use" required="true">
<mx:CheckBox id="terms"/>
</mx:FormItem>
<mx:StringValidator source="{terms}" required="true" property="selected" maxLength="4" requiredFieldError="You must agree to the Terms of Use." tooLongError="You must agree to the Terms of Use."/>

Clean, simple, built-in, and best of all…. 4 lines of MXML.

]]> By: Lonely in Dallas http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-5407 Lonely in Dallas Thu, 27 Aug 2009 19:25:20 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-5407 Thank you very much for your blog - I refer to it often! Thank you very much for your blog – I refer to it often!

]]> By: Richard http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/comment-page-1/#comment-4878 Richard Fri, 31 Jul 2009 20:03:16 +0000 http://blog.flexexamples.com/2007/08/13/validating-flex-forms-using-the-validator-classes/#comment-4878 Any one run across a International Zip Code Validator yet? or seen any blog on where to get all the information? Any one run across a International Zip Code Validator yet? or seen any blog on where to get all the information?

]]>