Discussion :

[pivalone]

Bonjour,

Je génère dynamiquement l'affichage d'une liste en php et je souhaiterais vérifier que la valeur d'input portant le même nom n'est pas égale à 0.

Je m'explique:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<tr> 
<td class="td" width="65"><?php print $val['Nom']; ?></td>
<td class="td" width="65"><?php print $val['Prenom']; ?></td>
<td class="td" width="65"><?php print $val['Age']; ?></td>
<td class="td" width="65"><input type="text" id="genre" size="4" value="0"></td>
</tr>

Les informations sont extraites de ma base sauf pour "genre" où elle doit être saisie.

J'ai 10 personnes dans ma base et j'ai donc 10 fois le champs "genre" qui va s'afficher.

Je souhaite vérifier en javascript que tous les champs "genre" ne sont pas vides.

J'ai vérifié comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function checkGenre()
{
 
 if(document.getElementById('genre') == "")
  {
   alert("\nVous avez oublié de saisir le genre!\n");
   return false;
  }
document.form.submit();
}

mais il ne vérifie qu'un seul champ "genre" et pas tous les champs "genre" donc le formulaire va se valider avec des champ "genre" vides?

Je ne trouve pas la méthode.

Merci pour votre aide

[javatwister]

l'attribut id est unique dans une page html; utilise la propriété name et appelle le tableau document.getElementsByname()

[pivalone]

Qu'entends-tu par récupères le tableau?

Si je remplace

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

getElementById('genre').value

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

getElementsByName('genre').value

l'alerte ne fonctionne pas.

[pivalone]

J'ai compris pour le tableau, il faudrait que cela ressemble à çà:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function checkGenre()
{
 
 if(document.getElementsByName('genre')[0] == "")
  {
   alert("\nVous avez oublié de saisir le genre!\n");
   return false;
  }
document.form.submit();
}

mais il me reste un problème car comme cela je ne vérifie toujours pas tous mes champs. Il faudrait donc que cela ressemble à qqch comme çà:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function checkGenre()
{
 
 if(document.getElementsByName('genre')[i] == "")
  {
   alert("\nVous avez oublié de saisir le genre!\n");
   return false;
  }
document.form.submit();
}

Mais il me manque encore qqch!

[SpaceFrog]

rien à voir ... mais déja sans faute c'est mieux :

Vous avez oublié de saisir le genre!

[pivalone]

La faute est corrigée.

Effectivement cela ne fonctionne pas mais je n'ai pas de piste.

[SpaceFrog]

il y a un post dasn les ancioennes contributions ... une petite recherche te donnera la solution ...

et pour la piste ...

dans ta fonction ... i vaut quoi ???
faudrait peut être une boucle pour l'incrémenter non ?

[pivalone]

En fait si je fais comme ça cela fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function checkGenre()
{
 
  for (i=0; i<16; i++) 
  { 
     if(document.getElementsByName('genre')[i].value == "0")
     {
     alert("\Vous avez oublié de saisir le genre!\n");
     return false;
     }
  } 
document.formulaire.submit();
 
}

Mais cela suppose que je connais le nombre de fois que le champ "genre" va être présent. Or je ne le connais pas car ma liste va s'agrandir ou diminuer.

Comment puis-je compter le nb de fois où le champ est présent?

[SpaceFrog]

regarde un tour de magie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(document.getElementsByName('Quantite').length)

[pivalone]

J'ai trouvé. C'est une piste que j'avais exploré mais en utilisant getElementById et forcément cela ne pouvait pas marcher.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function checkGenre()
{
 
 var tab = document.getElementsByName('genre');
 var lengthTab = tab.length;
 
 for (i=0; i<lengthTab; i++) 
 {
    if(document.getElementsByName('genre')[i].value == "0")
     {
     alert("\Vous avez oublié de saisir le genre!\n");
     return false;
     }
 } 
 
document.formulaire.submit();
}

Merci.