Incoh�rence avec onsubmit ?

**jean1190** · 16/06/2009, 10h06

Bonjour,

J'ai beaucoup lu � ce sujet. J'ai simplement envie de v�rifier un formulaire avant envoi. Classique, oui, mais l� �a ne marche pas.

Mon premier essai :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
function valider(form)
		{
			alert("Saisissez les données");
			return false;
		}

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<form name="formulaire" id="formulaire" method="post" action="questionnaire.php" onsubmit="return valider(this)">
...
...
<input type="submit" name="valider" value="Valider le questionnaire" />

IE :Il ne se passe rien. M�me pas d'alert.
FIREFOX : Le formulaire est tout le temps envoy� malgr� le return false.

Note: En enlevant le "this" pour faire onsubmit ="return valider()" et function valider() �a ne change strictement rien.

Deuxi�me essai :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<form name="formulaire" id="formulaire" method="post" action="questionnaire.php" onsubmit="return false">

L�, quand m�me, le formulaire ne s'envoie pas, ni IE ni Firefox.

O� est ce que je me trompe dans mon premier essai ?

Merci !

**andry.aime** · 16/06/2009, 10h11

Salut,
Vire le return dans le onsubmit.

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

<form name="formulaire" id="formulaire" method="post" action="questionnaire.php" onsubmit="valider(this)">

Modifie le nom de la param�tre "form" car �a peut te causer un probl�me.

**SpaceFrog** · 16/06/2009, 10h11

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<form name="formulaire" id="formulaire" method="post" action="questionnaire.php" onsubmit="return valider(this.form)">
...
...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
function valider(monform)
		{
			alert("Saisissez les données");
			return false;
		}

**franculo_caoulene** · 16/06/2009, 10h16

Salut,

Ceci est l'illustration de ton cas :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>empêcher la soumission de formulaire</title>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
   </style>
</head>
<body>
  <form id="f" action="" method="post" onsubmit="return fn(this);">
    <input id="b1" type="submit" name="b" value="b1" />
  </form>
  <script type="text/javascript">
  <!--
  function fn(form) {
    alert(form);
    return false;
  }
  //-->
  </script>
</body>
</html>

Et �a fonctionne, j'aurais tendance � dire que l'erreur est ailleurs.

**jean1190** · 16/06/2009, 10h27

J'ai essay� vos astuces, �a ne change rien.

Et je suis �tonn� de voir que le code de franculo_caoulene marche

Mon formulaire ne contient pourtant que des input radio / text, des select etc...

Avant que j'enl�ve tout pour voir d'o� vient l'erreur, vous n'avez pas une id�e ?

Merci quand m�me !

**franculo_caoulene** · 16/06/2009, 10h28

Envoy� par jean1190

Avant que j'enl�ve tout pour voir d'o� vient l'erreur, vous n'avez pas une id�e ?

Nous ne sommes pas devins. Repartir de z�ro est dans ton cas la meilleure fa�on de faire.

**SpaceFrog** · 16/06/2009, 10h39

js est activ� ???

**jean1190** · 16/06/2009, 10h47

Oui et je l'utilise un peu partout sur mon site pour Ajax.

"Nous ne sommes pas devins. Repartir de z�ro est dans ton cas la meilleure fa�on de faire."
Si j'ai utilis� le smiley "

", c'�tait justement pour montrer que j'avais bien compris que j'allais devoir m'y coller

Merci en tout cas. Je reviendrais lorsque j'aurais de nouvelles informations !

**Bovino** · 16/06/2009, 10h58

Envoy� par jean1190

Oui et je l'utilise un peu partout sur mon site pour Ajax.

Et ton formulaire est g�n�r� avec Ajax ?

**jean1190** · 16/06/2009, 10h58

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title>Questionnaire en ligne</title>
		<meta Name="description" Content="Questionnaire en ligne" />
		<meta Name="keywords" Content="Questionnaire congrès société clinique toxicologie" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href='style_main.css' />
		<script type = "text/javascript">
			function valider(monform)
			{
				alert("Saisissez les données");
				return false;
			}
 
		</script>
	</head>
 
	<body>
		<div id = "questionnaire">
			<form name="formulaire" id="formulaire" method="post" action="questionnaire.php" onsubmit="return valider(this);">
				<div id ="bouton"> 
					<input type="submit" name="valider" value="Valider le questionnaire" />
				</div>
			</form>
		</div>									
	</body>
</html>

J'ai tout enlev�, il ne reste plus que �a. Et �a ne marche toujours pas. Le formulaire est envoy� directement.
J'ai essay� une nouvelle fois d'enlever le return, d'ajouter this.form... Rien ne semble fonctionner.

Je tenais � pr�ciser qu'en copiant collant le code de notre ami franculo, �a fonctionne.
Je ne vois franchement pas o� est mon erreur.

**jean1190** · 16/06/2009, 10h59

Envoy� par Bovino

Et ton formulaire est g�n�r� avec Ajax ?

Absolument pas, c'est vraiment le formulaire "de base". C'est juste un questionnaire tout simple. Un document HTML, un script PHP pour remplir la base de donn�es, et (j'aimerais) une fonction javascript pour v�rifier que tous les champs sont bien remplis.

**Bovino** · 16/06/2009, 11h13

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<script type = "text/javascript">

Evite les espaces entre les attributs et leur valeur.

**jean1190** · 16/06/2009, 11h14

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<form id="formulaire" method="post" action="questionnaire.php" onsubmit="return fn(this);">
...
function fn(form) {
			alert(form);
			return false;
		}

Ca marche !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<form id="formulaire" method="post" action="questionnaire.php" onsubmit="return valider(this);">
...
function valider(form) {
			alert(form);
			return false;
		}

Ca ne marche pas !

Voil� mes conclusions : je n'y comprends rien.
J'ai essay� plusieurs fois, et je confirme que le mot "valider" fait tout bugguer. J'ai essay� avec "tartanpion" �a marche

P-S: Merci Bovino, j'ai corrig� au passage !

**franculo_caoulene** · 16/06/2009, 11h17

L'attribut name du bouton submit doit �tre diff�rent du nom de la fonction.

**jean1190** · 16/06/2009, 14h02

Bizarre qu'il y ait une corr�lation entre les deux. Tu dis �a comme si c'�tait d'une logique �vidente

**franculo_caoulene** · 16/06/2009, 14h35

H� bien oui, avec un �l�ment de formulaire et une fonction portant le m�me nom on obtiens ceci :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>ne pas nommer une fonction comme un élément de formulaire</title>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
   </style>
</head>
<body>
  <form id="f" action="" method="post" onsubmit="alert(valider);return false;">
    <input id="b1" type="submit" name="valider" value="b1" />
  </form>
  <script type="text/javascript">
  <!--
  function valider() {
    alert("blah");
  }
  //-->
  </script>
</body>
</html>

L'alerte ne trouve pas la fonction, mais le bouton de soumission. Elle consid�re valider comme le raccourci de document.forms[0].valider, CQFD.

**jean1190** · 17/06/2009, 10h14

Merci beaucoup

Incoh�rence avec onsubmit ?

JavaScript

Discussions similaires

Partager

Partager