Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Validation des formulaires

Ce tutoriel illustre la validation de formulaires avec Dreamweaver.

Dreamweaver est un outil très utile pour la validation d'un formulaire. Ceci vérifie essentiellement que l'utilisateur a entré le bon type de données.

Il existe différentes approches de validation des entrées utilisateur. Dans certains cas, le contenu de chaque champ sont validées lorsque l'utilisateur a fini d'entrer les données. Dans d'autres cas la validation n'a pas lieu jusqu'à ce que l'utilisateur appuie sur le bouton Submit (ou équivalent).

Nous allons joindre l'action de validation à notre formulaire de fleurs.

 

Tout d'abord, sélectionnez le bouton Soumettre et ouvrez le panneau Comportements (utilisez le menu Fenêtre, si nécessaire ou raccourci clavier Windows: Maj+F4).

Valider formulaire

Cliquez sur le Comportement Ajouter (+) et sélectionnez Valider le formulaire.

La boîte de dialogue Valider le formulaire apparaît. Maintenant travailler dans les champs de saisie de données une par une, dans chaque cas fixant les options appropriées.

Indiquez si une valeur est requise.

Indiquer si une entrée est autorisée ou doit être numérique.

Indique si le champ doit contenir une adresse email valide.

Si le contenu est numérique, spécifiez une plage acceptable.

Voici la boîte de dialogue remplie pour le nom du client.

Valider formulaire

Notez que les autres champs du formulaire n'auraient pas besoin de validation. Si l'utilisateur sélectionne dans une liste ou en sélectionnant un bouton radio, on ne peut pas spécifier une entrée invalide.

Après avoir précisé la validation de chacun des domaines qui ont besoin de validation, cliquez sur OK.

Formulaire validé

Maintenant cliquez sur le bouton Action et choisissez parmi les options disponibles pour l'événement que la validation va produire.

Comportements envoi formulaire

Si vous choisissez OnClick la validation aura lieu lorsque l'utilisateur clique sur le bouton Soumettre. Si vous choisissez OnBlur, la validation individuelle des champs aura lieu lorsque l'utilisateur termine chaque champ.

Les autres comportements sont les suivants:
OnDblClick: le formulaire sera validé après double-clic.
onFocus: le formulaire sera validé au focus.
onKeyDown: le formulaire sera validé avec la flèche bas du clavier.
onKeyPress: le formualire sera validé après avoir tapé sur une touche.
onKeyUp: le formualire sera validé avec la flèche haut du clavier.
onMouseDown: le formulaire sera validé en bougeant le pointeur de la souris en bas.
ononMouseMove: le formulaire sera validé avec le mouvement de la souris.
onMouseOut: le formulaire sera validé en écartant le pointeur du champ.
onMouseOver: le formulaire sara validé au surol du pointeur de la souris.
onMouseUp: le formulaire sera validé en bougeant le pointeur de la souris en haut.

Après avoir fait votre choix, vous pouvez tester la validation à l'aide Aperçu dans le navigateur ou Affichage en dierct.

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site

-