Formulaire PHP - vérification JavaScript

Vérification du formulaire avant l'envoi

( verification_formulaire.js )

Ce JavaScript teste le formulaire dès que le visiteur clique sur le bouton "Envoyer". Il intervient avant tout transfert de données, ce qui permet à l'utilisateur d'être prévenu sans attendre s'il manque des informations, c'est la vérification instantanée. Les données doivent être revérifiées de toute façon après réception sur le serveur, c'est la vérification de sécurité (assurée par contact.php). L'envoi du mail ne peut se faire que si les données du formulaire passent toutes les vérifications.

verification_formulaire.js :

envoi bloqué tant que le formulaire n'est pas bien rempli
vérifie que les champs obligatoires sont remplis
vérifie que l'adresse email est correcte
vérifie qu'elle a bien été confirmée
tolérant : il peut y avoir plusieurs formulaires (barres de recherche par ex.) sur la même page, c'est le bon qui sera vérifié.
script indépendant, même s'il a été conçu pour fonctionner avec contact.php

Installation et configuration.

copier sur le site le fichier verification_formulaire.js qui est dans l'archive contact.zip
Lier ce fichier au formulaire html en ajoutant, dans la section <head>, la ligne <script type="text/javascript" src="verification_formulaire.js"></script>
Ajouter au formulaire (balise <form>) l'option onsubmit="return valideForm(this)"
Faire précéder d'une étoile (*) les champs obligatoires. Le * doit vraiment être le dernier caractère affiché avant le champ.
Vérifier que le champ recueillant l'adresse de l'expéditeur s'appelle bien email
S'il y a une confirmation d'adresse email, appeler le champ correspondant email2

Le reste est automatique. Si le JavaScript détecte des erreurs, le visiteur en est informé de façon détaillée et le formulaire est bloqué.

type de vérification	verification_formulaire.js (JavaScript)	contact.php (PHP)
lieu	sur la machine du visiteur	sur le serveur de votre hébergeur
moment	avant toute communication, au moment où le visiteur clique sur le bouton "Envoyer"	à la réception des données sur le serveur, avant de transférer par mail.
adresse email	vérification de la forme et confirmation par double saisie	vérification de la forme vérification de l'existence du nom de domaine
champs obligatoires	précédés du signe *	déclarés dans contact.config.php

Contact.php - Retour à l'accueil