Discussion :

[manu_71]

Bonjour,

J'ai des champs textes (construis dynamiquement par PHP) dont le name est sous forme de tableau :

Code :

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

1
2
3
4
5
6
7
8
 
<form name="formulaire" method="post">
<input type="text" name="carte[0]" value="" />
<input type="text" name="carte[1]" value="" />
<input type="text" name="carte[2]" value="" />
<input type="text" name="carte[3]" value="" />
...
</form>

Je souhaite récupérer en javascript la value de un ou plusieurs champs texte. Je pensais bêtement que :

Code :

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

1
2
 
var carte = document.formulaire.carte[0].value;

fonctionnerait... Mais non.
Je cite l'erreur : document.formulaire.carte[0] is undefined

Me semblait avoir déjà utiliser ça de cette manière... mais faut croire que non...

[Bovino]

C'est un problème de compréhension de ce que tu écris.
Quand tu fais

Code :

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

document.formulaire.carte[0]

tu recherches, dans le formulaire appelé "formulaire" (au passage, pas terrible comme nom ) la collection d'éléments appelés "carte" et dans cette collection, récupérer le premier élément (de rang 0).

Pour récupérer l'élément dont le nom est "carte[0]", tu ne peux donc pas utiliser cette syntaxe, il faut donc faire autrement :

Code :

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

document.formulaire.elements['carte[0]']

[manu_71]

Ha oui ok, je comprends ! Effectivement j'aurais fait de cette manière pour choisir un bouton radio d'une collection de bouton radio par exemple. En fait pour javascript "carte[0]" n'est pas un tableau car le [0] fait partie du nom du champ.
Merci beaucoup !

PS : Mon formulaire s'appelle en fait "blocage". J'ai mis un nom un peu idiot quand j'ai rédigé mon message ici. Je t'accorde volontiers que formulaire est pas terrible !

[cyberhunter]

Bonjour,

je me permets de relancer le sujet car j'ai à peu près le même pb et je bloque sur mon code

j'ai un formulaire généré dynamiquement un peu comme sur cette exemple
sauf que j'aimerais vérifier si les champs sont remplis ou nom

donc sur le onsubmit j'ai une fonction qui vérifie le formulaire mais ça ne fonctionne pas :

( pour le moment j'essaie de me contenter d'afficher les valeurs de mes input)

Code :

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

1
2
3
4
5
6
7
8
9
 
function valid_formulaire(form) { 
 
var t_tableau_oblig = document.form.elements['tableau_oblig[]'];
 
for(i=0;i<t_tableau_meta.length;i++) {
alert(t_tableau_oblig[i].value);
}
}

là pour le moment ça bloque sur t_tableau_meta.length
( Erreur : 'length' a la valeur Null ou n'est pas un objet. )

Merci

[Difré91]

Si c'est un copié collé direct de ton code, cela me semble normal que ça ne fonctionne pas.

tu récupère tes valeurs dans t_tableau_oblig et tu utilise par la suite t_tableau_meta.

Les noms me semblent différents ^^

[cyberhunter]

Oups non en fait j'ai pas voulu copier tout mon code en fait

donc j'ai copié qu'une partie du code

mais je l'ai mal copié

donc en résumé même avec t_tableau_oblig.length ça ne fonctionne pas ...

[Difré91]

Bah sinon, la variable form, tu la passe en argument de ta fonction.
Donc, document.form ne sert à rien. Met directement form si c'est bien le formulaire que tu passe à la méthode.

[cyberhunter]

j'ai testé :

Code :

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

1
2
3
4
5
6
7
8
9
 
function valid_formulaire(form) { 
 
var t_tableau_oblig = form.elements['tableau_oblig[]'];
 
for(i=0;i<t_tableau_oblig.length;i++) {
alert(t_tableau_oblig[i].value);
}
}

mais ça ne fonctionne toujours pas j'ai la même erreur que précédemment...

[SpaceFrog]

je parie que dans ton html tu as mis

Code :

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

1
2
3
 
name='tableau_oblig[0]'
name='tableau_oblig[1]'

au lieu de tableau_oblig[] partout

[cyberhunter]

exact oui pourquoi ?

il faudrait mettre ?

Code :

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

1
2
3
 
name='tableau_oblig[]'
name='tableau_oblig[]'

[SpaceFrog]

au lieu de tableau_oblig[] partout

ben c'est clair pourtant ...

js ne reconnait pas de tableau pour les names, les crochets sont des caractères comme les autres
le tableau n'est reconnu que coté serveur

[cyberhunter]

ben c'est clair pourtant ...

pour vous c'est clair oui mais pas pour moi

après correction ça fonctionne parfaitement, merci pour votre aide

[Bovino]

pour vous c'est clair oui mais pas pour moi

Pourtant, ça a été expliqué juste avant ton premier message

C'est un problème de compréhension de ce que tu écris.
Quand tu fais

Code :

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

document.formulaire.carte[0]

tu recherches, dans le formulaire appelé "formulaire" (au passage, pas terrible comme nom ) la collection d'éléments appelés "carte" et dans cette collection, récupérer le premier élément (de rang 0).

Pour récupérer l'élément dont le nom est "carte[0]", tu ne peux donc pas utiliser cette syntaxe, il faut donc faire autrement :

Code :

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

document.formulaire.elements['carte[0]']

[cyberhunter]

bah pas vraiment en fait

l'histoire de declarer mon, tableau de cette manière :

Code :

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

1
2
3
 
name='tableau_oblig[]'
name='tableau_oblig[]'

au lieu de

Code :

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

1
2
3
 
name='tableau_oblig[0]'
name='tableau_oblig[1]'

moi je pensais qu'on pouvait déclarer le tableau un peu comme on voulait en fait

[sekaijin]

bonjour je conseille toujours de passer par des id

Code html :

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

1
2
3
4
5
6
7
 <form name="formulaire" method="post">
<input type="text" id="carte_0" name="carte[0]" value="" />
<input type="text" id="carte_1" name="carte[1]" value="" />
<input type="text" id="carte_2" name="carte[2]" value="" />
<input type="text" id="carte_3" name="carte[3]" value="" />
...
</form>

du coup il n'est plus nécessaire de rechercher le champs en passant par les éléments du formulaire.

Code :

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

document.formulaire.elements['carte[0]']

mais simplement comme pour tout élément du DOM

Code :

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

document.getElementById('carte_0');

il est très facile en php de produire un tel code HTML

Code html :

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

1
2
3
4
<form name="formulaire" method="post">
<?php for ($i=0; $i<10; $i++) {?>
<input type="text" id="carte_<? php echo($i); ?>" name="carte[<? php echo($i); ?>]" value="" />
<?php } ?></form>

A+JYT

[cyberhunter]

@Sekaijin : pourquoi pas les id faudrait que je teste

par contre autre question pourquoi je ne peux utiliser un tableau qu'avec une seul valeur ?

c'est à dire si mon formulaire ne comporte qu'un seul input, javascript me dit que mon tableau est undefined

Code :

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

1
2
 
<input type="text" name="tableau_oblig[]" value="" />

alors que si j'ai plusieurs input ça passe :

Code :

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

1
2
3
 
<input type="text" name="tableau_oblig[]" value="" />
<input type="text" name="tableau_oblig[]" value="" />

il y a une explication ?

Merci