Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

21avr/080

Flex Validator: Personnaliser les tooltip d'erreur du CurrencyValidator

Le composant Flex CurrencyValidator permet de vérifier la validité d'un montant, en dollar ou en euros par exemple

Lorsque la validation ne se fait pas, un tooltip s'affiche avec des valeurs par défaut:

  • Plusieurs séparateurs de décimales: "The decimal separator can only occur once"
  • Valeur supérieure à la valeur maximale: "The number entered is too large"
  • Le nombre n'est pas un entier: "The number must be an integer"
  • Le nombre contient des lettres ou autres caractères: "The input contains invalid characters"
  • Le nombre contient plusieurs séparateurs ou signe moins: "One of the formatting parameters is invalid"
  • Valeur inférieue à la valeur minimale: "The number entered is too small"
  • Le nombre entré est négatif (restriction): "The number may not be negative"
  • Le nombre contient trop de chiffres après la virgule: "The number entered has too many digits beyond the decimal point"
  • Le séparateur des milliers est mal placé: "The thousands separator must be followed by three digits"
  • La devise n'est pas placée au bon endroit: "The currency symbol occurs in an invalid location"

Pour pouvoir personnaliser ces messages, pour les écrire en français pas exemple, l'objet CurrencyValidator possède plusieurs propriétés:

  • decimalPointCountError: Plusieurs séparateurs de décimales
  • exceedsMaxError: Valeur supérieure à la valeur maximale
  • integerError: Le nombre n'est pas un entier
  • invalidCharError: Le nombre contient des lettres ou autres caractères
  • invalidFormatCharsError: Le nombre contient plusieurs séparateurs ou signe moins
  • lowerThanMinError: Valeur inférieue à la valeur minimale
  • negativeError: Le nombre entré est négatif (restriction)
  • precisionError: Le nombre contient trop de chiffres après la virgule
  • separationError: Le séparateur des milliers est mal placé
  • currencySymbolError: La devise n'est pas placée au bon endroit (à gauche par défaut)

Flex Validator: Exemple de CurrencyValidator en MXML et ActionScript

L’exemple suivant montre comment utiliser ce composant Flex CurrencyValidator avec des messages d'erreur personnalisés:

21avr/080

Flex Validator: Exemple de CurrencyValidator en MXML et ActionScript

Le composant Flex CurrencyValidator vous permet de valider des chaînes dont le format est celui d'un montant, exprimé en dollar par exemple. Evidemment, le CurrencyValidator a beaucoup de similitudes avec le NumberValidator. Par exemple les propriétés minValue, maxValue, precision, allowNegative, decimalSeparator et thousandsSeparator fonctionne de la même manière que pour un NumberValidator.

En plus, le CurrencyValidator permet de spécifier les propriétés currencySymbol et alignSymbol:

  • currencySymbol permettre de spécifier quel caractère sera utilisé comme devise, le dollar par défaut (String, "$" par défaut)
  • alignSymbol: détermine l'endroit où le currencySymbol doit apparaître par rapport à la valeur numérique. Les valeurs possibles sont "left", "right" et "any" (String, "left" par défaut)

Flex Validator: Personnaliser les tooltip d’erreur du CurrencyValidator

Les exemples suivant montrent comment utiliser ce composant Flex CurrencyValidator en MXML.

21avr/085

Flex Validator: Personnaliser les tooltip d'erreur du PhoneNumberValidator

Le composant Flex PhoneNumberValidator permet de vérifier la validité d'un numéro de téléphone (mais pas son affectation).

Lorsque la validation ne se fait pas, un tooltip s'affiche avec des valeurs par défaut:

  • L'adresse email contient des caractères invalides: "Invalid characters in your phone number"
  • La taille de la chaîne n'est pas la bonne: "Your telephone number must be at least 10 digits in length"

Pour pouvoir personnaliser ces messages, pour les écrire en français pas exemple, l'objet PhoneNumberValidator possède deux propriétés:

  • invalidCharError: Le numéro de téléphone contient des caractères invalides
  • wrongLengthError: La taille de la chaîne n'est pas la bonne (inférieure à 10 caractères)

Flex Validator: Exemple de PhoneNumberValidator en MXML et ActionScript

L’exemple suivant montre comment utiliser ce composant Flex PhoneNumberValidator avec des messages d'erreur personnalisés:

21avr/082

Flex Validator: Exemple de PhoneNumberValidator en MXML et ActionScript

Le composant Flex PhoneNumberValidator vous permet de valider des chaînes dont le format est celui d'un numéro de téléphone. Un numéro de téléphone valide contient au moins 10 caractères, sans compter les caractères de formatage. Le validateur ne vérifie bien sûr pas si le numéro est attribué. Les seules propriétés à définir sont les propriétés de base: source et property. Le composant PhoneNumberValidator fera ensuite toutes les vérifications.

Flex Validator: Personnaliser les tooltip d’erreur du PhoneNumberValidator

L' exemple suivant montre comment utiliser ce composant Flex PhoneNumberValidator en MXML:

11avr/080

Flex Validator: Personnaliser les tooltip d'erreur du EmailValidator

Le composant Flex EmailValidator permet de vérifier la validité d'une adresse email.

Lorsque la validation ne se fait pas, un tooltip s'affiche avec des valeurs par défaut:

  • L'adresse email contient des caractères invalides: "Invalid characters in your email adress"
  • Le nom de domaine n'est pas bon: "The domain in your email address is incorrectly formatted"
  • L'adresse IP correspondant au nom de domaine n'est pas au bon format ([xxx.xxx.xxx.xxx]): "The IP domain in your email address is incorrectly formatted"
  • Il y a trop de points (".") dans le nom de domaine: "The domain in your email address has consecutive periods"
  • Il manque l'arobase dans l'adresse email: "Missing an @ character in your email address"
  • Il manque un point dans le nom de domaine: "The domain in your email address is missing a period"
  • Il n'y a aucun nom d'utilisateur avant l'arobase: "The username in your email address is missing"
  • Il y a trop d'arobases dans l'adresse email: "Too many @ characters in your email address"

Pour pouvoir personnaliser ces messages, pour les écrire en français pas exemple, l'objet EmailValidator possède huit propriétés:

  • invalidCharError: L'adresse email contient des caractères invalides
  • invalidDomainError: Le nom de domaine n'est pas bon
  • invalidIPDomainError: L'adresse IP correspondant au nom de domaine n'est pas au bon format ([xxx.xxx.xxx.xxx])
  • invalidPeriodsInDomainError: Il y a trop de points (".") dans le nom de domaine
  • missingAtSignError: Il manque l'arobase dans l'adresse email
  • missingPeriodInDomainError: Il manque un point dans le nom de domaine
  • missingUsernameError: Il n'y a aucun nom d'utilisateur avant l'arobase
  • tooManyAtSignsError: Il y a trop d'arobases dans l'adresse email

Flex Validator: Exemple de EmailValidator en MXML et ActionScript

L’exemple suivant montre comment utiliser ce composant Flex EmailValidator avec des messages d'erreur personnalisés: