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

JavaScript Discussion :

Valider les 2 formulaires avec un seul bouton


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    132
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 132
    Par défaut Valider les 2 formulaires avec un seul bouton
    Bonjour
    Je voudrais savoir, est ce que c'est possible Valider les 2 formulaires avec un seul bouton en javascript ?

    Je crée form1 pour mise a jour stock et form2 pour insérer l'info du panier dans table SQL. Quand le client clique sur le bouton Valider qu'il va valider 2 form en même temp.

    Voici

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <form id="form1" name="form1" method="post" action="traitement.php">
      <input type="hidden" name="stock" id="stock" />
    </form>
    <br />
    <form id="form2" name="form2" method="post" action="traitement.php">
      <input type="hidden" name="prix_ttc" id="prix_ttc" />
      <input type="submit" name="button" id="button" value="Valider" />
    </form>
    Merci d'avance

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    158
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 158
    Par défaut Je ne sais pas si ça marche, mais
    Salut,

    tu pourrais peut-être utiliser du javascript sur le submit de ta form numéro 2.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.NomDeTaForm.submit();
    Le problème est que ça doit faire deux requêtes distinctes. Je ne sais pas si c'est cela que tu veux.

    Bye,

    Phil

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    132
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 132
    Par défaut
    Citation Envoyé par phfle1 Voir le message
    Salut,

    tu pourrais peut-être utiliser du javascript sur le submit de ta form numéro 2.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.NomDeTaForm.submit();
    Le problème est que ça doit faire deux requêtes distinctes. Je ne sais pas si c'est cela que tu veux.

    Bye,

    Phil
    Salut
    j'ai fait

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <form id="form1" name="form1" method="post" action="traitement.php">
      <input type="hidden" name="stock" id="stock" />
    </form>
    <br />
    <form id="form2" name="form2" method="post" action="traitement.php" onsubmit="document.form1.submit();">
      <input type="hidden" name="prix_ttc" id="prix_ttc" />
      <input type="submit" name="button" id="button" value="Valider" />
    </form>
    mais il n'a pas faite mise a jour form 1

    Est ce que je l'ai bien fait ?

    Merci A+

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    158
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 158
    Par défaut
    Salut,

    C'est correct, c'est ma solution qui ne l'est pas. Le problème est que lorsque tu soumet un formulaire, le document perd le focus.

    Tu peux essayer ceci que j'ai trouvé sur un autre forum :

    I've written the two forms so that when one submits, it redirects to the same page, and sends a hidden field like a flag to indicate it was submitted. Then, in javascript, I check to see if that flag is present, and if so, will fire off another form.submit() routine. You have to be careful to catch the values from the second form before submitting.

    Another method is to have the second form on a second page which has the submit routne on the onLoad method. The page never really shows, it appears that the final page loads twice.

  5. #5
    Membre éclairé Avatar de Tanebisse
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Février 2007
    Messages
    449
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2007
    Messages : 449
    Par défaut
    Tu peux également utiliser un seul bouton de type "button" et non "submit", sur lequel, tu mets un évènement "onclick", qui apelle une fonction Javascript dans laquelle tu envoies une première requete Ajax qui fait ton premier traitement et qui en fonction du retour exécute ton second traitement.

Discussions similaires

  1. Envoyer plusieurs formulaires avec un seul bouton
    Par patheo2 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 17/03/2011, 11h08
  2. [1.x] Afficher et valider plusieurs formulaires avec un seul bouton
    Par alexou dans le forum Symfony
    Réponses: 2
    Dernier message: 24/08/2010, 11h04
  3. Valider plusieurs formulaires avec un seul bouton
    Par Bam chika wah wah! dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/04/2009, 12h53
  4. 2 Formulaire avec 1 seul bouton
    Par boby15000 dans le forum Langage
    Réponses: 4
    Dernier message: 23/08/2008, 15h27
  5. Valider 2 conditions dans un formulaire avec un seul bouton soumit
    Par [root@127.0.0.1]~# dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/05/2008, 18h45

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