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.