gestionnaire onsubmit

**defcon_suny** · 03/07/2008, 17h31

Hello!

Je rencontre un petit problème que je ne m'explique pas...
Alors me voici avec une nouvelle question...
Pourquoi le code suivant ne fonctionne pas?

Explication du problème : Le code javascript devrait empêcher l'envoi du formulaire mais celui-ci est bien "submité" malgré la présence du retour false de la fonction.

Déjà merci de votre aide!

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 language="javascript" type="text/javascript">
		function addListener(element, baseName, handler){
			if (element.addEventListener)
				element.addEventListener(baseName,handler,false);
			else if(element.attachEvent)
				element.attachEvent("on"+baseName, handler);
		}
		function initEventHandlers(){
			addListener(document.forms["myform"],"submit",function(){
				if (document.getElementById("c1").value != "a")
					return false;
			});
		}
	</script>
</head>
<body>
	<form method="post" name="myform" action="file.php">
		<input type="text" name="c1" id="c1" value="" />
		<input type="submit" value="send"/>
	</form>
	<script language="javascript" type="text/javascript">
		addListener(window,"load",initEventHandlers);
	</script>
</body>
</html>

**defcon_suny** · 03/07/2008, 21h36

Bon! j'ai un début de piste avec cet article mais je ne parviens toujours pas à bloquer l'envoi du formulaire.

Je reste toujours preneur d'une idée!!!

**defcon_suny** · 03/07/2008, 21h57

Bon ben j'ai trouvé une solution mais je dois avouer que je ne saisi pas vraiment le pourquoi du problème. Donc si quelqu'un passe par ici et qu'il souhaite partager ses connaissances, je serai attentif!

Pour les autres, voici ma solution.

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
 
<html>
<head>
	<script language="javascript" type="text/javascript">
		function addListener(element, baseName, handler){
			if (element.addEventListener)
				element.addEventListener(baseName,handler,false);
			else if(element.attachEvent)
				element.attachEvent("on"+baseName, handler);
		}
		function bloque_form(){
			this.onsubmit = function(){return false;};
		}
		function initEventHandlers(){
			addListener(document.forms["myform"],"submit",function(){
				if (document.getElementById("c1").value != "a")
					bloque_form();
			});
		}
	</script>
</head>
<body>
	<form method="post" name="myform" action="file.php">
		<input type="text" name="c1" id="c1" value="" />
		<input type="submit" value="send"/>
	</form>
	<script language="javascript" type="text/javascript">
		addListener(window,"load",initEventHandlers);
	</script>
</body>
</html>

A bientôt!

++

**SpaceFrog** · 03/07/2008, 22h01

n'eût il par été plsu simple jsute de modifier le onsubmit du form de return false à return true ?

**defcon_suny** · 03/07/2008, 22h08

Oui! mais l'exemple donné a été simplifié!

Dans mon développement le PHP, HTML, CSS et le javascript sont dans des fichiers distincts -> pas de Js dans mon template.

;-)

gestionnaire onsubmit

JavaScript

Discussions similaires

Partager

Partager