Dos botones de envío en una forma

Tengo dos botones de envío en un formulario. ¿Cómo determino cuál fue golpeado en el servidor?

Si le da un nombre a cada uno, el clic será enviado como cualquier otra entrada.

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

Solución 1:
asigne a cada entrada un valor diferente y mantenga el mismo nombre:

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

Luego, en el código, verifique qué se activó:

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

El problema con eso es que vincula su lógica al texto visible para el usuario dentro de la entrada.

Solución 2:
asigne a cada uno un nombre único y compruebe $ _POST para ver si existe esa entrada:

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

Y en el código:

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

Una solución aún mejor consiste en usar etiquetas de botón para enviar el formulario:

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

El HTML dentro del botón (por ejemplo, ..>Update<..es lo que ve el usuario; porque se proporciona HTML, valueno es visible para el usuario; solo se envía al servidor. De esta manera no hay inconveniente con la internacionalización y los múltiples idiomas de visualización (en el antigua solución, la etiqueta del botón también es el valor enviado al servidor).

Hay un nuevo enfoque HTML5 para esto, el formactionatributo:

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

Aparentemente, esto no funciona en IE9 y versiones anteriores, pero para otros navegadores debería estar bien (vea: w3schools.com HTML <button> formaction Attribute ).

Personalmente, generalmente uso Javascript para enviar formularios de forma remota (para una retroalimentación percibida más rápida) con este enfoque como copia de seguridad. Entre los dos, las únicas personas que no están cubiertas son IE <9 con Javascript deshabilitado.

Por supuesto, esto puede ser inapropiado si básicamente está tomando la misma acción del lado del servidor, independientemente de qué botón se haya presionado, pero a menudo si hay dos acciones del lado del usuario disponibles, también se asignarán a dos acciones del lado del servidor.

Editar: como señaló Pascal_dher en los comentarios, este atributo también está disponible en la <input>etiqueta.

Esto es extremadamente fácil de probar

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

Simplemente colóquelo en una página HTML, haga clic en los botones y mire la URL

Use el formactionatributo HTML (5ª línea):

<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 mejor manera de lidiar con el botón de envío múltiple es mediante el uso de mayúsculas y minúsculas en la secuencia de comandos del servidor

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

código del servidor / secuencia de comandos del servidor - donde está enviando el formulario:

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;
}

?>

Fuente: W3Schools.com

Quizás las soluciones sugeridas aquí funcionaron en 2009, pero he probado todas estas respuestas votadas y nadie está trabajando en ningún navegador.

La única solución que encontré que funciona es esta: (pero creo que es un poco feo de usar)

<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';"/>

Definir namecomo 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>

Ejemplo de código de servidor (PHP):

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

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

elseifmuy importante, porque ambos se analizarán si no. Disfrutar.

Como no especificó qué método de script del lado del servidor está utilizando, le daré un ejemplo que funciona para Python, usando CherryPy (aunque también puede ser útil para otros contextos):

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

En lugar de usar el valor para determinar qué botón se presionó, puede usar el nombre (con la <button>etiqueta en lugar de <input>). De esa forma, si sus botones tienen el mismo texto, no causará problemas. Los nombres de todos los elementos del formulario, incluidos los botones, se envían como parte de la URL. En CherryPy, cada uno de ellos es un argumento para un método que hace el código del lado del servidor. Entonces, si su método solo tiene **kwargssu lista de parámetros (en lugar de escribir tediosamente cada nombre de cada elemento del formulario), puede verificar qué botón se presionó de esta manera:

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>

Creo que debería poder leer el nombre / valor en su matriz GET. Creo que el botón en el que no se hizo clic no aparecerá en esa lista.

También puede hacerlo así (creo que es muy conveniente si tiene N entradas).

<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 caso de uso común sería usar diferentes identificadores de una base de datos para cada botón, para que luego pueda saber en el servidor en qué fila se hizo clic.

En el lado del servidor (PHP en este ejemplo) puede leer "fila" como una matriz para obtener la identificación. $_POST['row']será una matriz con solo un elemento, en la forma [ id => value ](por ejemplo:) [ '123' => 'something' ].

Entonces, para obtener la identificación clicada, debes:

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

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

Tu formación para botón de envío múltiple en un ejemplo de formulario

 <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 puede cambiar la acción del formulario en diferentes botones de enviar Haga clic.

Pruebe esto en el documento.

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

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

También puede usar un atributo href y enviar un get con el valor agregado para cada botón. Pero el formulario no sería requerido entonces

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

Puede presentar los botones de esta manera:

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

Y luego, en el código, puede obtener el valor usando:

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

(valUnits y valPrice son algunos otros valores que extraigo del formulario que dejé como ilustración)

Como no especificó qué método de script del lado del servidor está utilizando, le daré un ejemplo que funciona para 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>

Formas

Cuando haga clic en Iniciar sesión -> loginForm

Cuando haga clic en Guardar -> saveForm

Cuando haga clic en Registrarse -> RegistrationForm