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

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:

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

    <mx:Script>
        import mx.controls.Alert;
    </mx:Script>

    <mx:EmailValidator source="{email}" property="text"
    	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"
        trigger="{myButton}" triggerEvent="click"
        valid="Alert.show('Le champ est valide');"/>

    <mx:Panel title="Exemple simple de EmailValidator avec erreurs custom" width="75%" height="75%"
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Form>
            <mx:FormItem label="Entrez une adresse email: ">
                <mx:TextInput id="email" width="100%"/>
            </mx:FormItem>

            <mx:FormItem >
                <mx:Button id="myButton" label="Valider" />
            </mx:FormItem>
        </mx:Form>
    </mx:Panel>
</mx:Application>

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