Récuperer la valeur d'input généré dynamiquement

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:

---

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:

---

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

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

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

Si je remplace

Code:

---

getElementById('genre').value

---

par

Code:

---

getElementsByName('genre').value

---

l'alerte ne fonctionne pas.

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

Code:

---

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:

---

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!

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

Citation:

---

Vous avez oublié de saisir le genre!

---

La faute est corrigée.

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

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 ?

En fait si je fais comme ça cela fonctionne :

Code:

---

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?

regarde un tour de magie ;)

Code:

---

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

---

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

Code:

---

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.