Forums d'entraide informatique - Astuces - Conseils
Des experts à votre écoute pour tous vos dysfonctionnements
Vous n'êtes pas identifié.
#1 11-08-2008 14:04:31
- Admin
- Administrateur
- Date d'inscription: 30-07-2008
- Messages: 683
Contrôler la validité des champs d'un formulaire
CONTRÔLER LE CONTENU D'UN FORMULAIRE
retour haut de la page
17 MAI 2001
Il arrive parfois que nous ayons à remplir intégralement un formulaire. Si un champ est manquant, une fenêtre s'ouvre nous demandant de remplir tous les champs.
Cela est très simple à réaliser grâce à un Javascript.
Vous pouvez ainsi contrôler que vos visiteurs ont bien remplis les champs que vous jugez importants avant de vous envoyer le formulaire.
Ce script peut s'augmenter d'autant de champs souhaités (dans notre exemple, seuls deux champs seront vérifiés).
Voici comment procéder :
Voici le code à placer entre les balises <head> et </head> :
<script language="JavaScript">
<!--
function test() {
if (document.forms[0].elements[0].value == '' ||
document.forms[0].elements[2].value == ''){
alert('\nCertains champs sont à remplir.');
return false;
}
}
//-->
</script>
Ici, nous contrôlons les éléments 0 et 2 du formulaire (dans notre exemple, les champs nom et email)
Voici le code à insérer dans le formulaire (après l'instruction method par exemple) :
onSubmit="return test()"
Et voici le code complet de notre exemple afin que vous puissiez vous en aider :
<html>
<head>
<title>Contrôle de formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function test() {
if (document.forms[0].elements[0].value == '' ||
document.forms[0].elements[2].value == ''){
alert('\nCertains champs sont à remplir.');
return false;
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<p><b>Contrôle de formulaire</b></p>
<form action="mailto:" method="POST" enctype="text/plain" onSubmit="return test()">
Nom: <input type=text size=15>
Prénom : <input type=text size=15>
E-mail: <input type=text size=15>
<input type=submit value=" Envoyer ">
</form>
</body>
</html>
Dans cet exemple, seul le champ Prénom n'est pas contrôlé et peut donc être laissé vierge.
Nom est l'élément 0 (car placé en première position) et Email est l'élément 2 (car placé en troisième position).
Ce contrôle peut aussi être effectué en PHP sans ouverture de fenêtre windows.alerte ce qui est a mon gout plus agréable pour la navigation.
Cordialement
L'équipe Parisdepannage.fr
Hors ligne
2008 Parisdepannage |Plan du site|Forums |Blog|Lexique 
