Formulaire posté quand même

Version imprimable

je vais m'arracher les cheveux ....

quelqu'un peut me dire pourquoi ma fonction est appelé lorsque j'appuis sur la touche entrée dans mon champs input ??

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
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
			<form action="www.google.fr" onsubmit="verif()">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="text" value="post">
			</form>
		<script type="text/javascript">
			var cible = false;
			function init(){
				var lstInput = document.getElementsByTagName('input');
 
				for(var i = 0 , l = lstInput.length ; i <l ; i++){
 
					if(lstInput[i].type == 'submit'){
						var u=function(inputCible){
												return function(){
													cible = true;
													}
											}(lstInput[i]);
						lstInput[i].onclick = u;
					}
				}
			}
			function verif(){
				alert(cible);
				return cible;
			}
 
			window.onload = init();
		</script>
	</body>
</html>

03/03/2010, 19h48
Bovino

Code:

onsubmit="return verif()"

;)

Pour infos, un événement inline (de type attribut HTML) créé en fait une fonction anonyme, donc le return false est renvoyé à cette fonction, pas à l'événement :)
03/03/2010, 20h51
SpaceFrog

Ha ben ça fait plaisir de voir son fillot me soutenir ^^
Y'a pas moi qui me dechire sur des classique :D

merci mon fillot
03/03/2010, 21h09
le_chomeur

déja essayé ^^
le problème est que la fonction est appelé alors qu'elle n'est pas affecté sur l'input text :|

l'alert() , montre que cible = true :-/
03/03/2010, 22h37
Bovino

Ben, j'aurais tendance à dire que tu t'enfonces :mouarf:

Code:

window.onload = init();

Tu affectes le résultat de la fonction init au onload...

Code:

window.onload = init;

ou

Code:

window.onload = function(){init();}

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
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
			<form action="www.google.fr" onsubmit="return verif()">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="submit" value="post">
			<input type="text" value="post">
			</form>
		<script type="text/javascript">
			var cible = false;
			function init(){
				var lstInput = document.getElementsByTagName('input');
 
				for(var i = 0 , l = lstInput.length ; i <l ; i++){
 
					if(lstInput[i].type == 'submit'){
						var u=function(inputCible){
												return function(){
													cible = true;
													}
											}(lstInput[i]);
						lstInput[i].onclick = u;
					}
				}
			}
			function verif(){
				alert(cible);
				return cible;
			}
 
			window.onload = function(){
				init();
			};
		</script>
	</body>
</html>

:roll: je me disais bien que j'avais aussi testé , même en débug , on passe par la méthode qui assigne cible = true alors qu'elle n'est pas affectée au champs de type texte 8O