IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

submit() et reset() form


Sujet :

jQuery

  1. #1
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut submit() et reset() form
    Bonjour,
    j'ai ce formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form id="register">
    <button type="submit">Envoyer</button>
    <button id="reset">Annuler</button>
    </form>
    Et je le soumet ainsi en cliquant sur le bouton "Envoyer" :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $("#register").on("submit", function(e){
    	e.preventDefault();
    	return false;
    });
    $("#register #reset").on("clic", function(){
    	$("#register")[0].reset();
    });
    Maintenant, si je clique sur bouton "Annuler", le formulaire est toujours soumis. Que faire pour réinitialiser(reset()) mon formulaire avec "Annuler" .

    Merci d'avance...

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Par défaut, une balise <button> dans un formulaire est de type submit, lui mettre un id n'y changera rien ! Il faut lui préciser le type souhaité...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Il faut lui préciser le type souhaité...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form id="register">
    <button type="submit">Envoyer</button>
    <button type="reset">Annuler</button>
    </form>
    Merci c'est bon.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Gestion SUBMIT multiples dans FORM html
    Par boteha dans le forum Général JavaScript
    Réponses: 17
    Dernier message: 02/06/2009, 11h27
  2. empêchement submit d'un form
    Par webrider dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/03/2007, 16h27
  3. Comment empêcher le submit d'un Form ?
    Par tscoops dans le forum ASP.NET
    Réponses: 4
    Dernier message: 28/07/2006, 11h06
  4. [HTML]submit d'un form
    Par stud77 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 05/07/2006, 16h50
  5. pb de submit d'un form sous IE et Opera
    Par the.chojin dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 30/08/2005, 14h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo