Pbleme de contrôle de formulaire avec javascr
patheo
Messages postés
44
Statut
Membre
-
patheo Messages postés 44 Statut Membre -
patheo Messages postés 44 Statut Membre -
Bonjour,
voila mon problème j'ai une fonction de contrôle de formulaire avec javascript. cependant dès qu'un des champ obligatoires est rempli, le contrôle n'est plus effectué sur les qutres champs. voici mon code:
voici le formulaire
Merci de m'apporter votre aide
voila mon problème j'ai une fonction de contrôle de formulaire avec javascript. cependant dès qu'un des champ obligatoires est rempli, le contrôle n'est plus effectué sur les qutres champs. voici mon code:
<script type="text/javascript">
function verif_form()
{
if(document.form.mois.value == ""||document.formulaire.trim.value == "") {
alert("Veuillez préciser le mois ou le trimestre de votre déclaration!");
document.form.mois.focus();
return false;
}
if(document.form.annee.value == "") {
alert("Veuillez préciser l'année!");
document.form.annee.focus();
return false;
}
if(document.form.nbre.value == "") {
alert("Veuillez préciser le nombre !");
document.form.nbre.focus();
return false;
}
if(document.form.total.value =="") {
alert("Veuillez préciser le montant total !");
document.form.total.focus();
return false;
}
if(document.form.du.value == "") {
alert("Veuillez préciser le montant dû!");
document.form.du.focus();
return false;
}else
if(document.form.lieu.value == "") {
alert("Veuillez préciser le lieu !");
document.form.lieu.focus();
return false;
}
if(document.form.date.value == "") {
alert("Veuillez préciser la date!");
document.form.date.focus();
return false;
}
if(document.form.npd.value == "") {
alert("Veuillez préciser votre nom et prénom!");
document.form.npd.focus();
return false;
}
}
</script>
voici le formulaire
<form id="form" name="form" method="post" action="fichier.php" enctype="multipart/form-data" onSubmit="return verif_form()">
<strong>I. PERIODE</strong> Mois
<select name="iuts_mois">
<option selected="selected"> </option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
Semestre
<select name="trim">
<option selected="selected"> </option>
<option>01</option>
<option>02</option>
</select>
Année
<select name="annee">
<option selected="selected"> </option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
</select>
<table width="653" border="0">
<tr>
<td width="221"><div align="center"><strong>Mombre </strong></div></td>
<td width="220"><div align="center"><strong>Total </strong></div></td>
<td width="190"><div align="center"><strong>Total du; </strong></div></td>
</tr>
<tr>
<td><label>
<input size="30" type="text" name="nbre" />
</label></td>
<td><label>
<input size="30" type="text" name="total" />
</label></td>
<td><label>
<input size="30" type="text" name="du" />
</label></td>
</tr>
</table>
<p>
<label></label>
A
<label>
<input
size="30" type="text" name="lieu" />
</label>
, le
<label>
<input name="date" type="text" />
</label>
</p>
<p>
<label>Nom et Prénom
<input size="50" type="text" name="npd" />
</label>
</p>
<p>
<label>
<input type="submit" name="Submit" value="Enregistrer" />
</label>
<input type="reset" name="Submit2" value="Réinitialiser" />
</p>
<p> </p>
</form>
Merci de m'apporter votre aide
A voir également:
- Pbleme de contrôle de formulaire avec javascr
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Formulaire de reclamation instagram - Guide
- Fan controle - Télécharger - Optimisation
- Controle parental disney plus - Guide
2 réponses
déja une erreur globale:
il faut absolument avoir value= dans la balise <option
exemple:
pareil pour toutes tes listes et dans le JS tu testes par rapport à -1
ensuite tu as utilisé parfois form parfois formulaire ???
mets plutot un nom parlant et qui n'est pas réservé (form l'est)
<form name="form_periode" ...
le choix de trim pour le semestre n'est pas judicieux non plus
il faut absolument avoir value= dans la balise <option
exemple:
<select name="iuts_mois">
<option value=-1 selected="selected"> </option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
etc.....
</select>
pareil pour toutes tes listes et dans le JS tu testes par rapport à -1
if(document.form.mois.value == -1 || document.formulaire.trim.value == -1) {
alert(......
ensuite tu as utilisé parfois form parfois formulaire ???
mets plutot un nom parlant et qui n'est pas réservé (form l'est)
<form name="form_periode" ...
le choix de trim pour le semestre n'est pas judicieux non plus