Enfin, comme vous avez dû le remarquer, les différents champs des formulaires ne peuvent être contrôlés par l'auteur du site à l'aide du langage HTML.
Le langage Javascript® offre de multiples possibilités de vérification des champs renseignés par l'utilisateur. Ainsi, il vous suffit de dénicher sur le Web un script de contrôle des champs, puis de l'adapter à votre formulaire afin d'éviter de recevoir des données invalides de vos usagers.
<script language="Javascript"> function validation_form() { valide = true; if (!verif_vide(document.form.nom.value)) { valide = false; alert('Le champ Nom est vide !'); document.form.nom.focus(); } if (!verif_email(document.form.courrier.value)) { valide=false; alert('Votre adresse eMail est invalide !'); document.form.courrier.focus(); } if (document.form.sujet.selectedIndex == 0) { valide=false; alert("Sélectionnez un sujet, Merci !"); document.form.sujet.focus(); } if (!verif_vide(document.form.commentaire.value)) { valide = false; alert('Le champ Commentaire est vide !'); document.form.commentaire.focus(); } return valide; } function verif_vide(texte) { return (texte.length > 0); } function verif_email(adresse) { if ((adresse == "") ||(adresse.indexOf ('@') == -1) ||(adresse.indexOf ('.') == -1)) return false; return true; } </script> <form name="Mail" action="mailto:login@serveur.ext" method="POST" enctype="text/plain" onsubmit="return validation_form();"> Nom : <input type="text" name="nom" size="30" tabindex="1"> eMail : <input type="text" name="courrier" tabindex="3"> Sujet : <select name="Sujet" tabindex="2"> <option SELECT>SVP, sélectionnez un sujet</option> <option>1. Commentaire</option> <option>2. Question</option> <option>3. Suggestion</option> <option>4. Lien cassé</option> <option>5. Autre</option> </select> Commentaire : <textarea name="Commentaire" cols="70" rows="12" tabindex="4"> </textarea> <input type="submit" value="Envoyer" tabindex="5"> <input type="reset" value="Annuler" tabindex="6"> <input type="hidden" size="0" name="Remerciement"> </form> |