value d'un champ texte dont le name est sous forme de tableau

Bonjour,

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

Code:

---

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:

---

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...

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

Code:

---

document.formulaire.carte[0]

---

tu recherches, dans le formulaire appelé "formulaire" (au passage, pas terrible comme nom :roll:) 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:

---

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

---

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 ! :ccool: :ccool: :ccool:

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 ! :)

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:

---

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

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 ^^

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 ...

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.

j'ai testé :

Code:

---

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...

je parie que dans ton html tu as mis

Code:

---

1 2 3

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

---

au lieu de tableau_oblig[] partout

exact oui pourquoi ?

il faudrait mettre ?

Code:

---

1 2 3

name='tableau_oblig[]' name='tableau_oblig[]'

---

Citation:

---

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

Citation:

---

ben c'est clair pourtant ...

---

:lol:

pour vous c'est clair oui mais pas pour moi ;)

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

Citation:

---

Envoyé par cyberhunter

pour vous c'est clair oui mais pas pour moi ;)

---

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

Citation:

---

Envoyé par Bovino

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

Code:

---

document.formulaire.carte[0]

---

tu recherches, dans le formulaire appelé "formulaire" (au passage, pas terrible comme nom :roll:) 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:

---

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

---

---

bah pas vraiment en fait ;)

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

Code:

---

1 2 3

name='tableau_oblig[]' name='tableau_oblig[]'

---

au lieu de

Code:

---

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 8-)

bonjour je conseille toujours de passer par des id

Code:

---

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:

---

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

---

mais simplement comme pour tout élément du DOM

Code:

---

document.getElementById('carte_0');

---

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

Code:

---

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

@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:

---

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

---

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

Code:

---

1 2 3

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

---

il y a une explication ? 8O

Merci