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

Contributions JavaScript / AJAX Discussion :

Les formulaires (partie 2) : Comment faire pour avoir deux boutons submit dans le même formulaire ? [Fait] [FAQ]


Sujet :

Contributions JavaScript / AJAX

  1. #1
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut Les formulaires (partie 2) : Comment faire pour avoir deux boutons submit dans le même formulaire ?
    Comment faire pour avoir deux boutons submit dans le même formulaire ?
    http://javascript.developpez.com/faq...bjs#BoutSubmit

    • ajout d'un attribut id dans la balise form
    • suppression de la balise script dans le code JS car le mime type va dépendre du doctype de la page.
      type="text/javascript" en HTMl et XHTML. Aucun attribut en HTML5. Je laisse donc le choix au codeur.



    Comment faire pour avoir deux boutons submit dans le même formulaire ?

    En fait, il ne s'agit pas de deux boutons submit mais de deux boutons simples auxquels on affecte une action.

    Voici le formulaire html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form name="formulaire" id="idFormulaire" method="post" action="" onsubmit="return testsubmit()">
    ...
    <input type="button" value="envoyer page A" onclick="gopage('pageA.asp')" />
    <input type="button" value="envoyer page B" onclick="gopage('pageB.asp')" />
    </form>

    Et voici le script :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    // fonction pour le cas d'appui sur la touche entrée
    function testsubmit() 
    {
        return !!document.getElementById("idFormulaire").action;
    }
     
    //fonction pour choisir l'action
    function gopage(page)
    {
        document.getElementById("idFormulaire").action = page;
        document.getElementById("idFormulaire").submit();
    }

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut Relecture
    Attention FAQ mise à jour récemment.

  3. #3
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 648
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 648
    Points : 11 137
    Points
    11 137
    Par défaut
    Ok, donc résolu.

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 11/06/2012, 17h47
  2. Réponses: 21
    Dernier message: 16/05/2012, 10h54
  3. Réponses: 12
    Dernier message: 14/04/2009, 20h10
  4. [PHP 5.0] Deux boutons "submit" dans un même formulaire
    Par cyrilherve dans le forum Langage
    Réponses: 2
    Dernier message: 19/03/2009, 14h08
  5. plusieurs boutons submit dans le même formulaire
    Par rogerio dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 04/05/2007, 13h53

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