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

Flex Validator: Personnaliser les tooltip d'erreur du StringValidator

Le composant Flex StringValidator permet de vérifier la longueur d'une chaîne de caractère.

On a donc accès à deux propriétés: minLength et maxLength, correspondant à la longueur minimale et maximale. Lorsque la validation ne se fait pas, un tooltip s'affiche avec des valeurs par défaut:

• Chaîne trop courte: "This string is shorter than the minimum allowed length"
• Chaîne trop longue: "This string is longer than the maximum allowed length"

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

• tooShortError: Permet de préciser la chaîne en cas de non-validation pour une chaîne trop courte (String)
• tooLongError: Permet de préciser la chaîne en cas de non-validation pour une chaîne trop longue (String)

Flex Validator: Exemple de StringValidator en MXML et ActionScript

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

Il impose un nombre de caractère entre 6 et 12 pour le deuxième champ texte:

 <?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html"> 

    <mx:Form id="membershipForm">
        <mx:FormItem id="fullNameItem" label="Nom">
        <!-- Not validated -->
            <mx:TextInput id="fullNameInput"/>
        </mx:FormItem>
        <mx:FormItem id="userNameItem" label="Nom d'utilisateur">
            <mx:TextInput id="userNameInput"/>
        </mx:FormItem>
    </mx:Form>

    <mx:Button label="Valider"/>

    <mx:StringValidator source="{userNameInput}" property="text"
        minLength="6" maxLength="12"
        tooLongError="La chaîne que vous avez entré est trop longue"
        tooShortError="La chaîne que vous avez entré est trop courte"/>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application