Vérifier une tableau issu d'un formulaire

**renaud26** · 06/04/2008, 15h49

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 :

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

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.

**SpaceFrog** · 06/04/2008, 17h12

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

Code :

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

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;      
}

**renaud26** · 06/04/2008, 18h59

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

**SpaceFrog** · 07/04/2008, 09h56

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

voilà :

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

**renaud26** · 07/04/2008, 10h16

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

**SpaceFrog** · 07/04/2008, 10h19

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

**renaud26** · 07/04/2008, 10h44

Si c'est exactement ça, que je veux. Mais là, le form passe même avec tous les champs vides !!!

**SpaceFrog** · 07/04/2008, 11h16

quel navigateur ?
testé et approuvé chez moi ...
si tous les champs vides le formulaire n'est pas soumis

**renaud26** · 07/04/2008, 11h25

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.

Vérifier une tableau issu d'un formulaire

JavaScript

Discussions similaires

Partager

Partager