This would trigger the validation of the comboBox on moving focus from the comboBox.

code below–

<mx:NumberValidator id="comboValidator" required="true" minValue="0"
    	invalid="changeComboBorder(event)" valid="changeComboBorder(event)"
    	triggerEvent="focusOut"
    	source="{trialCombo}" property="selectedIndex" />

Here is what I did to get the ComboBox’s border to show as red when invalid.

<mx:NumberValidator id="validator" source="{combo}" property="selectedIndex" minValue="0" invalid="changeComboBorder(event)" valid="changeComboBorder(event)" />

private function changeComboBorder(event:ValidationResultEvent):void {
  var validator:Validator = event.target as Validator;
  var comboBox:ComboBox = validator.source as ComboBox;

  if (event.type == ValidationResultEvent.VALID) {
    comboBox.setStyle("borderColor", 0xB7BABC);
  }
  else {
    comboBox.setStyle("borderColor", 0xFF0000);
  }
}

Hopefully this helps.

Thanks!

i have a quesiton about combobox, it seems that when the page first loads, my comboboxes are marked as invalid right away, even before the submit button is clicked.

In your sample however, they do not have the red border around them initially…. is there a way to fix it?

this is a snippit of my code:

[code]

[/code]

and

[code]

[/code]

please help me, i can’t seem to find a solution to this anywere.

Thanks!
-Tanya

What if you have 10 forms with 5-20 fields each? Are we supposed to copy and paste all that stuff for every field, every form? It’s not easily pulled out into a custom component.

Nice for simple cases but serious apps will demand more than this…

I just whipped this up (“Creating a credit card validator in ActionScript”), although now re-reading your question I’m not sure if I answered the right thing.

Was that roughly what you were looking for? Or were you looking for something more specific to the object syntax?

Peter

This is the part that’s confusing me

Use the source and property properties to specify a single Object. The Object should contain the following fields:

cardType - Specifies the type of credit card being validated.
In MXML, use the values: “American Express”, “Diners Club”, “Discover”, “MasterCard”, or “Visa”.
In ActionScript, use the static constants CreditCardValidatorCardType.MASTER_CARD, CreditCardValidatorCardType.VISA, or CreditCardValidatorCardType.AMERICAN_EXPRESS CreditCardValidatorCardType.DISCOVER, or CreditCardValidatorCardType.DINERS_CLUB.

cardNumber - Specifies the number of the card being validated.

I’ve done ccObj:object = { cardNumber: myCardNumField, cardType: myCardTypeField }
for the source, but then I don’t know what string to use for the property (as property appears that it has to be a string).

Anyone have any ideas?