CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Validation de Formulaires avec Dreamweaver

Retour à la formation
Chapitre 5 Leçon 11
Précédent
Suivant

Découvrez comment valider un formulaire classique dans Dreamweaver en utilisant des comportements JavaScript.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer comment utiliser Dreamweaver pour ajouter une validation à un formulaire en employant des comportements JavaScript. Bien que Dreamweaver offre des sprays de formulaire qui se vérifient automatiquement, nous nous concentrerons sur la méthode traditionnelle. Nous réouvrirons le document contact.html, utilisé pour apprendre à créer et à mettre en forme un formulaire. Ensuite, en utilisant la palette des comportements, nous ajouterons le comportement de validation des champs.

Dans cette étape, nous exigerons que les champs de nom et prénom soient renseignés, et nous indiquerons que le champ email doit contenir une adresse électronique valide. Après avoir configuré ces paramètres, nous testerons la validation dans un navigateur. Nous constaterons comment ajuster le script généré par Dreamweaver pour afficher des messages en français au lieu de l'anglais par défaut.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'apprendre à :

  • Configurer la validation des formulaires dans Dreamweaver.
  • Tester et ajuster les scripts de validation.
  • Personnaliser les messages d'erreur.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire de :

  • Connaître les bases du logiciel Dreamweaver.
  • Savoir créer un formulaire simple en HTML.

Métiers concernés

Les métiers pour lesquels cette vidéo serait utile incluent :

  • Développeur Web
  • Concepteur de sites Web
  • Intégrateur HTML/CSS

Alternatives et ressources

En alternative à Dreamweaver, vous pouvez utiliser :

  • Visual Studio Code avec des extensions pertinentes.
  • KompoZer

Questions & Réponses

Pour rendre un champ obligatoire dans Dreamweaver, ouvrez la palette des comportements, ajoutez le comportement 'valider le formulaire', et cochez l'option obligatoire pour les champs souhaités.
Les limites incluent l'impossibilité de valider les cases à cocher, les boutons radio et les listes déroulantes.
Les messages d'erreur peuvent être traduits en modifiant le script JavaScript généré par Dreamweaver dans la section d'entête de la page HTML.