Impossible d'empêcher la soumission d'un form

Version imprimable

17/06/2010, 13h45
FotoXe33

Impossible d'empêcher la soumission d'un form
Bonjour à tous,

Voilà, j'ai un formulaire dans une page dont je voudrais empêcher la soumission (pour poster sans recharger la page...).
Je connais le classique "onsubmit="return false;" " mais il ne marche pas ! Oo

Voici le code :
Code:

1 2 3 4 <form method="post" action="" onsubmit="return cnx();">  </form>
Et la fonction en question :
Code:

1 2 3 4 5 6 function cnx(){ var o = el('login').value+'|'+el('pass').value; rq('cnx', o, 'cnx'); return false; }
Et pourtant, la page se recharger lors de la soumission du form !

Aidez-moi SVP, c'est peut-être un pb tout con mais je pète un plomb depuis une demi heure dessus !

Merci d'avance.
17/06/2010, 13h49
SpaceFrog

tu passe par un bouton submit ou tu le soumets dynamiquement ?

si tu fais

Code:

document.forms[0].submit()

tu ne passes par par le onsubmit
il faut faire :

Code:

if(document.forms[0].onsubmit()){document.forms[0].submit()}
17/06/2010, 14h02
FotoXe33

Non, je passe par un boutton submit pourquoi ?
17/06/2010, 14h06
SpaceFrog

js est activé ?

rq ne fait pas un return true avant par hasard ?
17/06/2010, 14h12
FotoXe33

Js est activé, par contre la fonction rq ne retourne rien, y aurait-il par défaut un true retourné ?
17/06/2010, 14h13
SpaceFrog

non en fait j'ai testé même si la fonction rq retournait true ça ne changerait rien

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function cnx(){
 
	return false;
}
</script>
</head>
<body>
<form method="post" action="javascript:alert(" onsubmit="return cnx();">
<input type='submit' value='go'
</form>
 
</body>
 
</html>

le form n'est pas envoyé ...

17/06/2010, 14h20
FotoXe33

Mais c'est bizarre quand même ! D'habitude ça marchait quand je le faisais sur d'autres pages, pourquoi ça ne marcherais plus maintenant ?
17/06/2010, 14h23
SpaceFrog

a tout hasard rajoute un name et un id sur le form ?

Non rien n'y fait :( Ni id, ni name...

Pourtant ce code marche :
Code:

1 2 3 4 <form action="" name="newslettre" method="post" id="newslettre" onsubmit="return form_newslettre();">  </form>
Et pour JS :
Code:

1 2 3 4 5 function form_newslettre(){ /* CODE */ return false; }
Et je vois aucunes différence de structure entre les deux code JS et HTML....

17/06/2010, 15h00
FotoXe33

Bon a parement ça vient de ma fonction rq, puisque quand je la commente, le form ne recharge pas la page...

EDIT : Désolé, le fichier JS dans lequel était la fonction rq n'était pas joint à la page =_=
Autant pour moi désolé...