Comment stoper un submit en javascript ?

Stellvia
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 451
Inscription: 28 Déc 2004

Comment stoper un submit en javascript ?

Message le Mer Nov 19, 2008 22:28

Bonjour,

J'ai un bouton submit qui post mon formulaire .
Sur ce bouton j'ai un onclick qui vérifie qu'un champs soit remplis et affiche une erreur personalisé en cas d'erreur .

Le problème est que je return true ou false , le formulaire est tjrs envoyé ... :( J'aimerais stopé l'envois du formulaire ( il ne se passe rien ) , en cas de return false .

Code: Tout sélectionner
<input type="submit" name="Submit" value="Enregistrer" id="enregistrer" onclick="valider();" />

   function valider()
{
if(document.form1.paiement.value == "")
{
$('erreur').innerHTML='Erreur';
  return false;
  }
   
}



ps :
Apres recherche sur google j'ais le meme soucis que ce gars la , mais je comprend pas la réponse :
http://bytes.com/forum/thread92624.html


UsagiYojimbo
WRInaute accro
WRInaute accro
 
Messages: 8575
Inscription: 23 Nov 2005

Message le Mer Nov 19, 2008 22:39

1/ Tu changes le type de ton bouton, tu le passes en button, et non plus en submit

2/ tu gère l'envoi de ton formulaire en javascript : http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

Entre nous la validation de formulaire en JS, niveau sécu, spa le top.

Stellvia
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 451
Inscription: 28 Déc 2004

Message le Mer Nov 19, 2008 22:55

Ok j'ai pigé .
J'ai bloqué sur un truc bête au final :/

Merci UsagiYojimbo


screuscreu
WRInaute impliqué
WRInaute impliqué
 
Messages: 968
Inscription: 14 Jan 2008

Message le Jeu Nov 20, 2008 1:11

Ou alors dans ta balise <form> tu met un "onsubmit:function()" et tu retourne false
Il me semble que ça marche aussi ... sans changer le type du bouton

Sullyvan
WRInaute discret
WRInaute discret
 
Messages: 90
Inscription: 20 Mai 2008

Message le Jeu Nov 20, 2008 10:06

Bonjour,
oui c'est un truc dans le genre:

en fait il faut ajouter à la balise form une directive onsubmit="return valider()" .

Ca va bloquer la soumission du formulaire seulement si la fonction retourne false, parcontre s'il y a une erreur dans la fonction valider, elle ne retourne pas false et du coup ça valide le formulaire...


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Related Links, Google Compute



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité