Ressources de Dreamweaver CS4
|
Application du comportement Valider le formulaire
Le comportement Valider le formulaire teste le contenu des champs de texte indiqués pour vérifier que l'utilisateur a entré le type de données correct. Associez ce comportement à des champs de texte individuels à l'aide de l'événement onBlur pour valider ces champs au fur et à mesure que l'utilisateur remplit le formulaire ou associez-le au formulaire à l'aide de l'événement onSubmit pour évaluer divers champs simultanément lorsque l'utilisateur clique sur le bouton d'envoi. L'association de ce comportement à un formulaire empêche l'envoi de formulaires contenant des données non valides.
- Pour insérer un formulaire, choisissez Insertion > Formulaire ou cliquez sur le bouton Formulaire du panneau Insertion.
- Pour insérer un champ de texte, choisissez Insertion > Formulaire > Champ de texte ou cliquez sur le bouton Champ de texte du panneau Insertion.
Répétez cette étape pour insérer plusieurs champs de texte.
- Choisissez une méthode de validation :
Pour valider les champs individuellement au fur et à mesure que l'utilisateur remplit le formulaire, sélectionnez un champ de texte et choisissez Fenêtre > Comportements.
Pour valider plusieurs champs lorsque l'utilisateur envoie le formulaire, cliquez sur la balise <form> dans le sélecteur de balises situé dans le coin inférieur gauche de la fenêtre de document, puis choisissez Fenêtre > Comportements.
- Sélectionnez Valider le formulaire dans le menu Ajouter un comportement.
- Effectuez l'une des opérations suivantes :
Si vous validez des champs individuellement, sélectionnez dans la liste Champs le même champ que celui que vous avez sélectionné dans la fenêtre de document.
Si vous validez plusieurs champs à la fois, sélectionnez un champ de texte dans la liste Champs.
- Activez l'option Obligatoire si le champ doit obligatoirement contenir des données.
- Sélectionnez l'une des options d'acceptation suivantes :
- Tout
- Vérifie qu'un champ obligatoire contient des données ; ces dernières peuvent être de n'importe quel type.
- Adresse électronique
- Vérifie que le champ contient un symbole @.
- Nombre
- Vérifie que le champ contient uniquement des valeurs numériques.
- Nombre de
- Vérifie que le champ contient une valeur numérique comprise dans la plage indiquée.
- Si vous validez plusieurs champs, répétez les étapes 6 et 7 pour tout champ supplémentaire à valider.
- Cliquez sur OK.
Si vous validez plusieurs champs lorsque l'utilisateur envoie le formulaire, l'événement onSubmit apparaît automatiquement dans le menu déroulant Evénements.
- Si vous validez des champs individuellement, vérifiez que l'événement par défaut est bien onBlur ou onChange. Si ce n'est pas le cas, sélectionnez l'un de ces événements.
Ces deux événements déclenchent le comportement Valider le formulaire dès que l'utilisateur sort du champ concerné. La différence entre ces deux événements est que onBlur est toujours déclenché, que l'utilisateur ait saisi ou non du texte dans le champ, alors que onChange n'est déclenché que si l'utilisateur a modifié le contenu du champ. L'événement onBlur est préférable si le champ est obligatoire.
|