script qui ne fonctionne pas

**Emcy** · 03/01/2008, 17h37

bonjour,

pourquoi mon script ne fonctionne pas (la detection des champs vides ne se fait pas) ?

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
	<head>
		<title>TEST</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
		<script type="text/javascript">			
		// <![CDATA[
 
function lance_verif(){
	var alertTxt = "";
 
	var listElements = document.getElementById("myForm").getElementsByTagName('input');
 
	for (myElement in listElements){	
		if (myElement.type == "text" ){
			if (myElement.value.length == 0){
				alertTxt += "Le champ " + myElement.id + " n'a pas été rempli \n";
				document.getElementById(myElement.id + "_erreur").innerHTML = "erreur";
			} else {
				document.getElementById(myElement.id + "_erreur").innerHTML = "";
			}
		}
	}
 
	if (alertTxt.length != 0){
		alert(alertTxt);	
	} else {
		// appel de la page php
	}
 
}		
 
 
		// ]]>
		</script>
	</head>
 
	<body>
		<form id="myForm" action="">
			<p><input type="text" id="myTextBox1"/> <span id="myTextBox1_erreur"></span></p>
			<p><input type="text" id="myTextBox2"/> <span id="myTextBox2_erreur"></span></p>
			<p><input type="text" id="myTextBox3"/> <span id="myTextBox3_erreur"></span></p>
 
			<p>
				<input type="button" value="Appliquer" id="validation" onclick="lance_verif();" />
			</p>
		<form>
	</body>
</html>

**E.Bzz** · 03/01/2008, 17h42

Bonjour,
parce qu'il ne trouve pas la balise de fin de ton form

A+

**jln13** · 03/01/2008, 18h03

Ca devrait mieux fonctionner comme ca aussi :

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
 
function lance_verif(){
	var alertTxt = "";
 
	var listElements = document.getElementById("myForm").getElementsByTagName('input');
 
	for(var k=0;k<listElements.length;k++) 
	{
		var myElement = listElements[k];
		if (myElement.type == "text" )
		{
			if (myElement.value.length == 0)
			{
				alertTxt += "Le champ " + myElement.id + " n'a pas été rempli \n";
							document.getElementById(myElement.id + "_erreur").innerHTML = "erreur";
			}
			else
			{
				document.getElementById(myElement.id + "_erreur").innerHTML = "";
			}
		}
	}
 
	if (alertTxt.length != 0) {
		alert(alertTxt);
	} else {
		// appel de la page php
	}
 
}

**Emcy** · 03/01/2008, 18h06

ouh la boulette .... mais meme en corrigeant l'erreur, ça fait la même chose ...

jln13, ta solution fonctionne (c'est comme ça que je faisais avant) mais j'aurais aimé faire fontionner mon script avec "for (myElement in listElements){"
=> je trouve ça plus élégant

**E.Bzz** · 03/01/2008, 18h10

Envoyé par Emcy

ouh la boulette .... mais meme en corrigeant l'erreur, ça fait la même chose ...

Comment ça "la" boulette.
Recompte : il y en a 2 belles

A+

**E.Bzz** · 03/01/2008, 18h12

Envoyé par Emcy

j'aurais aimé faire fontionner mon script avec "for (myElement in listElements){"
=> je trouve ça plus élégant

Ce n'est pas une question d'élégance : c'est une syntaxe VB et non JS (ceci dit, c'est vrai qu'elle est plus jolie) ...

A+

**Emcy** · 03/01/2008, 18h17

Envoyé par E.Bzz

Ce n'est pas une question d'élégance : c'est une syntaxe VB et non JS (ceci dit, c'est vrai qu'elle est plus jolie) ...

A+

pourtant dans la FAQ, il y a un exemple (que je n'arrive pas a faire fonctionner) avec cette methode : http://javascript.developpez.com/faq...#verifTousTxts

ps : je ne trouve pas la seconde boulette...

**E.Bzz** · 03/01/2008, 18h23

Exact.
L'autre était le <form> non fermé.

Mais il y a peut-être autre chose ...

A+

script qui ne fonctionne pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager