Passer au contenu

Tout navigateur : contrôler la saisie des données dans un formulaire Web

Dans un site Web que vous avez créé, vous avez ajouté un formulaire pour permettre à vos visiteurs d’indiquer leur nom et leur adresse électronique.Mais, pour…

Dans un site Web que vous avez créé, vous avez ajouté un formulaire pour permettre à vos visiteurs d’indiquer leur nom et leur adresse électronique.Mais, pour éviter que certains d’entre eux ne vous transmettent un formulaire incomplet, vous souhaitez que leur saisie soit contrôlée : si un champ reste vide, l’internaute doit immédiatement voir apparaître un message d’erreur
lui indiquant pourquoi son formulaire n’a pas été envoyé.Pour mettre en place cette procédure de vérification, ouvrez le Bloc-notes de Windows et recopiez le listing ci-dessous, écrit en JavaScript, avant de l’enregistrer sous le nom Monform.htm. Ce code est celui d’un
formulaire composé de deux champs (le nom et l’adresse mail). Lorsque l’internaute valide le formulaire en cliquant sur le bouton Envoyer (fonction Submit) le script verifForm est automatiquement lancé.Pour tester ce listing, lancez votre navigateur et ouvrez le fichier Monform.htm en déroulant le menu Fichier, Ouvrir, Parcourir. Ne saisissez rien dans les champs puis cliquez sur le bouton
Envoyer.Un message d’erreur apparaît, indiquant que vous avez laissé un champ vide. Il ne vous reste plus qu’à personnaliser les noms des champs, à incorporer ce code dans votre page HTML et à l’envoyer, à l’aide d’un logiciel de FTP, sur
votre espace de stockage personnel.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


La rédaction