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> |