La fonction alert()

**majesty** · 19/08/2007, 12h31

Bonjour

Je décide de poser ce problème avec vous car je m'arrache vraiment les cheveux.

Mon problème est que rien ne s'affiche dans la fenêtre d'alerte.
En fait ce code me permettrait de tester si tous les champs de mon formulaire sont remplies et d'ouvrir une fenetre indiquant le nom des champs à remplir.

Voici mon code :

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
<html>
<body>
 
<form name="formuins">
Firstname: <input name="fname" type="text" />
Lastname: <input name="lname" type="text"  />
</form>
 
<script type="text/javascript">
 
var inputList=document.forms["formuins"].elements;
var t = "";
for (unInput in inputList){
    if(unInput.type=="text" && unInput.value.length==0){
		t += "Le champ"+"unInput.name"+" n'a pas été rempli \n";
	}
} 
alert(t);
</script>
</p>
 
</body>
</html>

Je m'en remet à vous.

**iluv** · 19/08/2007, 13h52

Il me semble que tu as mal compris le fonctionnement de for..in.

for x in y s'utilise avec y un tableau et x qui varie entre les différentes valeurs des clefs du tableau.

Ca s'utilise donc comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
var test = new Array;
test[0] = "hello";
test[1] = "world";
 
for (i in test)
{
  alert(test[i]);
}

**SpaceFrog** · 19/08/2007, 16h10

Ce que tu semble surtout ne pas avoir compris est que ton code ne s'execute qu'une fois au chargement de la page. Et donc les inputs étant vides il est normal que rien ne s'affiche.
De plus pouirquoi boucler avec for each qui risque de créer des problèmes car il ne restitue pas que des élements

exemple:

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
<html>
<head>
<script type="text/javascript">
function ShowThing(){
var blob='';
for (thing in document.forms['formuins']){blob +=thing +":  "+document.forms['formuins'][thing]+ "<br />"}
document.body.innerHTML=blob;
}
</script>
</head>
<body onload='ShowThing()'>
<form name="formuins">
Firstname: <input name="fname" type="text" />
Lastname: <input name="lname" type="text" />
</form>
 
 
</body>
</html>

Tu as également un problème d'evenement. A quel moment souhaites tu faire le test ?

Dans l'exemple suivant la vérification se fait lors du click sur un bouton:

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
<html>
<head>
<script type="text/javascript">
function Verif(){
var inputList=document.getElementsByTagName('input');
var t = "";
for (i=0;i<inputList.length;i++){
if(inputList[i].type=="text" && inputList[i].value.length==0){
t += "Le champ "+inputList[i].name+" n'a pas été rempli \n";
}
}
if(t.length>0){
alert(t);}
}
</script>
</head>
<body>
 
<form name="formuins">
Firstname: <input name="fname" type="text" />
Lastname: <input name="lname" type="text" />
</form>
<input type='button' onclick='Verif()' value='verifier' />
 
</p>
 
</body>
</html>

**majesty** · 19/08/2007, 16h52

J'avoue que je n'ai jusqu'à présent pas fait beaucoup de javascript.

Ben en fait la c'est un code exemple mais le script n'est pas intégré de cette manière dans mon vrai code.

En effet il faut cliquez sur un input de type submit avec un <form onsubmit=""> dans mon vrai code.

iluv : oui j'avais pas bien compris les bases de for ..in

SpaceFrog: Heu j'ai bien compris que c'était au chargement de la page, c'était fait exprès. Le problème c'était juste que dans ma fenêtre alert le contenu restait vide de texte. Pour moi que le script soit au chargement ou en cliquant sur un bouton il devait afficher qlq chose au moins le "unInput.name" ou "Le champ"
Merci c'est exactement ce que je voulais faire avec le bouton.

Par contre je dois signaler quelque chose c'est que le script vient de la faq javascript de ce site :
http://javascript.developpez.com/faq...#verifTousTxts
Je le met pour peut etre apporter une correction
D'ailleurs c'est ce qui explique mon utilisation de for in ....

**majesty** · 19/08/2007, 18h07

Voila j'ai modifié et testé. Tout fonctionne maintenant.
Merci iluv pour ton exemple de l'utilisation du for in.
Merci SpaceFrog pour ton exemple avec un bouton.

**SpaceFrog** · 19/08/2007, 18h33

curieux ... une de mes contributions en plus ...

va falloir que je jette un oiel dessus car on les teste avant de les mettre ...

Merci de nous avoir signalé ce problème de la FAQ ???

La fonction alert()

JavaScript

Discussions similaires

Partager

Partager