Vérifier une tableau issu d'un formulaire

Version imprimable

06/04/2008, 15h49
renaud26

Vérifier une tableau issu d'un formulaire
Bonjour à tous,

Ben tout est dans le titre...
J'ai, dans un formulaire nommé "formulaire", un champ de type :

<input type="text" name="texte[]">

qui est affiché dans une boucle PHP. Mon but est de tester, en JS, si aucun champ n'est rempli pour générer une alerte. J'ai fait une petite fonction avec :
Code:

1 2 3 4 5 6 7 8 var texte = new Array(); texte = formulaire.texte.value; if(texte.length == 0){ alert("Vous n\'avez saisi aucun texte"); return false; }
Mais ça plante pour "formulaire.texte.value à valeur nulle ou n'est pas un objet"...
Si quelqu'un a une idée ?
Merci à lui.

le coup du [] permet de récupérer un array coté php ...
pas coté javascript ....

Code:

1
2
3
4
5
6
7
8
9
10
11
 
var Rien=0
var TabInputs=document.getElementsByName('texte[]');
TL=TabInputs.length
for (i=0;i<TL;i++){
if(TabInputs[i].value.length  == 0){
             Rien++;}
}
alert((Rien>0)?"Vous n\'avez saisi aucun texte":"Ok");      
return (Rien>0)?false:true;      
}

06/04/2008, 18h59
renaud26

Bonjour et merci du tuyau. Je viens de tester ton code, mais c'est "OK" qui s'affiche au lieu du alert erreur même si je ne remplis aucun champ...
Donc on dirait que la var rien prend une valeur dans la boucle...
8O

en fait il suffit de remplir une seule zone ???

voilà :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script type='text/javascript'>
function Verif(){
	var Rien=0;
	var TabInputs=document.getElementsByName('texte[]');
 
	TL=TabInputs.length;
	for (i=0;i<TL;i++){  if(TabInputs[i].value.length>0){
			              Rien++;}
						    }
	alert((Rien==0)?"Vous n\'avez saisi aucun texte":"Ok");      
	return (Rien==0)?false:true;      
   }
</script>
</head>
 
<body>
<form action="javascript:alert('envoyé');" onsubmit="return Verif();" >
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='text' name='texte[]' />
<input type='submit' name='go' value="envoyer" />
</form>
</body>
 
</html>

07/04/2008, 10h16
renaud26

Je crois que j'ai dû mal m'expliquer...
Je veux que le alert s'affiche si le form a été posté avec aucune donnée dans les inputs name=texte[]. Si au moins un des champs est rempli, c'est ok, pas de alert. Je viens de tester ta fonction, et le formulaire passe (pas de alert) avec aucun champ rempli... ET le conpanion JS ne réagit pas, donc pas d'erreur. Je pige pas, là...
:aie:
07/04/2008, 10h19
SpaceFrog

heu ben il fait quoi là mon code ?
si aucune donnée n'est saisie il mets un message
si au moins un champs et renseigné, il envoie ...

c'est pas ça que tu veux ???????
07/04/2008, 10h44
renaud26

Si c'est exactement ça, que je veux. Mais là, le form passe même avec tous les champs vides !!!
07/04/2008, 11h16
SpaceFrog

quel navigateur ?
testé et approuvé chez moi ...
si tous les champs vides le formulaire n'est pas soumis
07/04/2008, 11h25
renaud26

Oui, oui !!! effectivement ça fonctionne impec, c'est moi qui avait fait une couf à force de bidouiller !
Je te remercie mille fois pour ta patience, et bonne journée.
:D