Validation d'un formulaire

Version imprimable

Bonjour tout le monde,
Voilà mon problème, j'ai un formulaire avec un contenu dynamique(php) que j'aimerai valider avec cette fonction java script.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script type="text/javascript">
function valider(){
  // si les champs sont bien remplis
  for(var i=0;i<document.formSaisie.elements.length;i++)
  {
  if(document.form1.getElementByName("valeur"+i).value != "") 
   {
    return true;
   }
 
  else 
   {
    // sinon on affiche un message
    alert("Veuillez remplir tous les champs");
    // et on indique de ne pas envoyer le formulaire
    return false;
   }
  }
}
 
</script>

Mon formulaire contient plusieurs liste déroulante(en total 4) et je dois vérifier que toutes les listes déroulantes contient une valeur non null

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<form  name="form1" action="valider.php" onsubmit="return valider()" method="post">
<table width="772" border="0">
       <?php
                   $j = 0;
                   while($reponse = mysql_fetch_array($requet))
                   {
                ?>   
		<tr > 
          <td><label>
            <div align="left">
              <select name="valeur<?php echo $j; ?>">
			  <option value=""></option>
			  <?php
                          $query = mysql_query("select * from valeur_critère");
                          while($resultat = mysql_fetch_array($query))
                          {                             
                echo '<option value="'.$resultat['critval_id'].'">'.$resultat['description_val'].'</option>';                           
                          }
                          ?>
			  </select>
            </div>
          </label></td>
        </tr> 
		<?php 
                  $j++;
                }
                ?>

Malheureusement ce code ne fonctionne pas et mon formulaire s'envoi même si j'ai pas choisi de valeur dans mes liste déroulante.
Merci d'avance pour votre aide :oops:

Bonjour , méthode permettant de vérifier TOUTE les liste déroulante de ta page a non null :
Code:

1 2 3 4 5 6 7 8 9 function valider(){ var mesListes = document.getElementsByTagName('select'); for(var i = 0 , l = mesListes.length; i < l ;i++){ if(mesListes[i].options[mesListes[i].selectedIndex].value == ""){ return false; } } return true; }
sur le submit de ton formulaire :

Code:

<form ... onsubmit="return valider()">

Code taper en live , il peut il y avoir un petit soucis de syntaxe mais n'aillant aucun éditeur sous la main ^^

05/04/2009, 23h19
nicekiller

t es vraiment un BOSS :king:
je te remercies infiniment pour ton aide, juste une petite question avant de fermer cette discussion comment peut on faire pour tester si on a au moins une case à couché en checked avant de valider le formulaire:roll:

Code:

1 2 3 4 5 6 7 8 9 function valider(){ var mesListes = document.getElementsByTagName('input'); for(var i = 0 , l = mesListes.length; i < l ;i++){ if(mesListes[i].type == "checkbox" && mesListes[i].checked){ return true; } } return false; }
juste a vérifier pour mesListes[i].type == "checkbox" j'ai un doute sur type et la j'v me coucher ^^

06/04/2009, 02h04
nicekiller

merci beaucoup :king: et bonne nuit