Pbleme de contrôle de formulaire avec javascr

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:
<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&eacute;initialiser" />
  </p>
  <p>&nbsp;</p>
</form>

Merci de m'apporter votre aide
A voir également:

2 réponses

Alain_42 Messages postés 5413 Statut Membre 894
 
déja une erreur globale:

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
0
patheo Messages postés 44 Statut Membre 2
 
ok merci Alain_42 pour tes conseils je vais corriger comme tu as dit et je vois si ca marche
0