Comment stoper un submit en javascript ?

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics

Stellvia
WRInaute impliqué
WRInaute impliqué
 
Messages: 414
Inscription: Mar Déc 28, 2004 0:02

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: 5110
Inscription: Mer Nov 23, 2005 10:38

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 impliqué
WRInaute impliqué
 
Messages: 414
Inscription: Mar Déc 28, 2004 0:02

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 passionné
WRInaute passionné
 
Messages: 911
Inscription: Lun Jan 14, 2008 12:14

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
Nouveau WRInaute
 
Messages: 44
Inscription: Mar Mai 20, 2008 13:42

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...


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités