Deux boutons de soumission dans un seul formulaire

J'ai deux boutons de soumission dans un formulaire. Comment déterminer lequel a été touché côté serveur?

Si vous donnez à chacun un nom, celui sur lequel vous cliquez sera envoyé comme n'importe quelle autre entrée.

<input type="submit" name="button_1" value="Click me">

Solution 1:
attribuez à chaque entrée une valeur différente et conservez le même nom:

<input type="submit" name="action" value="Update" />
<input type="submit" name="action" value="Delete" />

Ensuite, dans la vérification du code pour voir lequel a été déclenché:

if ($_POST['action'] == 'Update') {
    //action for update here
} else if ($_POST['action'] == 'Delete') {
    //action for delete
} else {
    //invalid action!
}

Le problème est que vous liez votre logique au texte visible par l'utilisateur dans l'entrée.

Solution 2:
donnez à chacun un nom unique et vérifiez la présence de cette entrée dans $ _POST:

<input type="submit" name="update_button" value="Update" />
<input type="submit" name="delete_button" value="Delete" />

Et dans le code:

if (isset($_POST['update_button'])) {
    //update action
} else if (isset($_POST['delete_button'])) {
    //delete action
} else {
    //no button pressed
}

Une solution encore meilleure consiste à utiliser des balises de bouton pour envoyer le formulaire:

<form>
    ...
    <button type="submit" name="action" value="update">Update</button>
    <button type="submit" name="action" value="delete">Delete</button>
</form>

Le code HTML à l' intérieur du bouton (par exemple, ..>Update<..est ce qui est vu par l'utilisateur; parce qu'il y a du code HTML fourni, il valuen'est pas visible par l'utilisateur; il est uniquement envoyé au serveur. De cette façon, il n'y a aucun inconvénient avec l'internationalisation et les langues d'affichage multiples (dans le ancienne solution, le libellé du bouton est également la valeur envoyée au serveur).

Il y a une nouvelle approche HTML5 à cela, l' formactionattribut:

<button type="submit" formaction="/action_one">First action</button>
<button type="submit" formaction="/action_two">Second action</button>

Apparemment, cela ne fonctionne pas dans IE9 et versions antérieures, mais pour les autres navigateurs, cela devrait aller (voir: w3schools.com HTML <button> Formaction Attribute ).

Personnellement, j'utilise généralement Javascript pour soumettre des formulaires à distance (pour une rétroaction perçue plus rapide) avec cette approche comme sauvegarde. Entre les deux, les seules personnes non couvertes sont IE <9 avec Javascript désactivé.

Bien sûr, cela peut être inapproprié si vous effectuez essentiellement la même action côté serveur, quel que soit le bouton enfoncé, mais souvent, si deux actions côté utilisateur sont disponibles, elles seront également mappées sur deux actions côté serveur.

Edit: Comme noté par Pascal_dher dans les commentaires, cet attribut est également disponible sur la <input>balise.

C'est extrêmement facile à tester

<form action="" method="get">

<input type="submit" name="sb" value="One">
<input type="submit" name="sb" value="Two">
<input type="submit" name="sb" value="Three">

</form>

Il suffit de mettre cela dans une page HTML, de cliquer sur les boutons et de regarder l'URL

Utilisez l' formactionattribut HTML (5ème ligne):

<form action="/action_page.php" method="get">
    First name: <input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    <button type="submit">Submit</button><br>
    <button type="submit" formaction="/action_page2.php">Submit to another page</button>
</form>

<form>
    <input type="submit" value="Submit to a" formaction="/submit/a">
    <input type="submit" value="submit to b" formaction="/submit/b">    
</form>

La meilleure façon de gérer plusieurs boutons d'envoi consiste à utiliser la casse du commutateur dans le script du serveur

<form action="demo_form.php" method="get">

Choose your favorite subject:

<button name="subject" type="submit" value="html">HTML</button>
<button name="subject" type="submit" value="css">CSS</button>
<button name="subject" type="submit" value="javascript">Java Script</button>
<button name="subject" type="submit" value="jquery">jQuery</button>

</form>

code serveur / script serveur - où vous soumettez le formulaire:

demo_form.php

<?php

switch($_REQUEST['subject']) {

    case 'html': //action for html here
                break;

    case 'css': //action for css here
                break;

    case 'javascript': //action for javascript here
                        break;

    case 'jquery': //action for jquery here
                    break;
}

?>

Source: W3Schools.com

Peut-être que les solutions suggérées ici ont fonctionné en 2009, mais ive a testé toutes ces réponses votées et personne ne travaille dans aucun navigateur.

la seule solution que j'ai trouvée fonctionne est la suivante: (mais c'est un peu moche à utiliser je pense)

<form method="post" name="form">
<input type="submit" value="dosomething" onclick="javascript: form.action='actionurl1';"/>
<input type="submit" value="dosomethingelse" onclick="javascript: form.action='actionurl2';"/>

Définissez namecomme array.

<form action='' method=POST>
    (...) some input fields (...)
    <input type=submit name=submit[save] value=Save>
    <input type=submit name=submit[delete] value=Delete>
</form>

Exemple de code serveur (PHP):

if (isset($_POST["submit"])) {
    $sub = $_POST["submit"];

    if (isset($sub["save"])) {
        // save something;
    } elseif (isset($sub["delete"])) {
        // delete something
    }
}

elseiftrès important, car les deux seront analysés sinon. Prendre plaisir.

Puisque vous n'avez pas spécifié la méthode de script côté serveur que vous utilisez, je vais vous donner un exemple qui fonctionne pour Python, en utilisant CherryPy (bien que cela puisse être utile dans d'autres contextes également):

<button type="submit" name="register">Create a new account</button>
<button type="submit" name="login">Log into your account</button>

Plutôt que d'utiliser la valeur pour déterminer le bouton sur lequel vous avez appuyé, vous pouvez utiliser le nom (avec la <button>balise au lieu de <input>). De cette façon, si vos boutons ont le même texte, cela ne causera pas de problèmes. Les noms de tous les éléments du formulaire, y compris les boutons, sont envoyés dans le cadre de l'URL. Dans CherryPy, chacun d'eux est un argument pour une méthode qui fait le code côté serveur. Donc, si votre méthode n'a **kwargsque sa liste de paramètres (au lieu de taper fastidieusement chaque nom de chaque élément de formulaire), vous pouvez vérifier quel bouton a été enfoncé comme ceci:

if "register" in kwargs:
    pass #Do the register code
elif "login" in kwargs:
    pass #Do the login code

<form method="post">
<input type="hidden" name="id" value="'.$id.'" readonly="readonly"/>'; //any value to post PHP
<input type='submit' name='update' value='update' formAction='updateCars.php'/>
<input type='submit' name='delete' value='delete' formAction='sqlDelete.php'/>
</form>

Je pense que vous devriez pouvoir lire le nom / la valeur dans votre tableau GET. Je pense que le bouton qui n'a pas été cliqué n'apparaîtra pas dans cette liste.

Vous pouvez aussi le faire comme ça (je pense que c'est très pratique si vous avez N entrées).

<input type="submit" name="row[456]" value="something">
<input type="submit" name="row[123]" value="something">
<input type="submit" name="row[789]" value="something">

Un cas d'utilisation courant consisterait à utiliser différents identifiants d'une base de données pour chaque bouton, afin que vous puissiez plus tard savoir sur le serveur sur quelle ligne vous avez cliqué.

Côté serveur (PHP dans cet exemple), vous pouvez lire "row" comme un tableau pour obtenir l'identifiant. $_POST['row']sera un tableau avec un seul élément, sous la forme [ id => value ](par exemple:) [ '123' => 'something' ].

Donc, pour obtenir l'ID cliqué, vous faites:

$index = key($_POST['row']);

http://php.net/manual/en/function.key.php

Vous formaction pour plusieurs bouton de soumission dans un exemple de formulaire

 <input type="submit" name="" class="btn action_bg btn-sm loadGif" value="Add Address" title="" formaction="/addAddress"> 
 <input type="submit" name="" class="btn action_bg btn-sm loadGif" value="update Address" title="" formaction="/updateAddress"> 

Simple, vous pouvez modifier l'action du formulaire sur différents boutons de soumission Cliquez sur.

Essayez ceci dans le document.

$(".acceptOffer").click(function () {
       $("form").attr("action", "/Managers/SubdomainTransactions");
});

$(".declineOffer").click(function () {
       $("form").attr("action", "/Sales/SubdomainTransactions");
});

Vous pouvez également utiliser un attribut href et envoyer un get avec la valeur ajoutée pour chaque bouton. Mais le formulaire ne serait alors pas requis

href="/SubmitForm?action=delete"
href="/SubmitForm?action=save"

Vous pouvez présenter les boutons comme ceci:

<input type="submit" name="typeBtn" value="BUY">
<input type="submit" name="typeBtn" value="SELL">

Et puis dans le code, vous pouvez obtenir la valeur en utilisant:

if request.method == 'POST':
    #valUnits = request.POST.get('unitsInput','')
    #valPrice = request.POST.get('priceInput','')
    valType = request.POST.get('typeBtn','')

(valUnits et valPrice sont quelques autres valeurs que j'extrais du formulaire que j'ai laissé pour illustration)

Puisque vous n'avez pas spécifié la méthode de script côté serveur que vous utilisez, je vais vous donner un exemple qui fonctionne pour PHP

<?php
   if(isset($_POST["loginForm"]))
   {
    print_r ($_POST); // FOR Showing POST DATA
   }
   elseif(isset($_POST["registrationForm"]))
   {
    print_r ($_POST);
   }
   elseif(isset($_POST["saveForm"]))
   {
    print_r ($_POST);
   }
   else{

   }
?>
<html>
<head>
</head>
<body>
  
  <fieldset>
    <legend>FORM-1 with 2 buttons</legend>
      <form method="post" >
      <input type="text" name="loginname" value ="ABC" >

     <!--Always use type="password" for password --> 
     <input type="text" name="loginpassword" value ="abc123" >
     
     <input type="submit" name="loginForm" value="Login"><!--SUBMIT Button 1 -->
     <input type="submit" name="saveForm" value="Save">  <!--SUBMIT Button 2 -->
   </form>
  </fieldset>



  <fieldset>
    <legend>FORM-2 with 1 button</legend>
     <form method="post" >
      <input type="text" name="registrationname" value ="XYZ" >
      
     <!--Always use type="password" for password -->
     <input type="text" name="registrationpassword" value ="xyz123" >
     
     <input type="submit" name="registrationForm" value="Register"> <!--SUBMIT Button 3 -->
   </form>
  </fieldset>
  

</body>
</html>

Formes

Lorsque vous cliquez sur Connexion -> loginForm

Lorsque vous cliquez sur Enregistrer -> saveForm

Lorsque vous cliquez sur Register -> registrationForm