Dois botões de envio em um formulário

Eu tenho dois botões de envio em um formulário. Como determinar qual foi atingido no servidor?

Se você der um nome a cada um, o clique será enviado como qualquer outra entrada.

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

Solução 1:
Atribua a cada entrada um valor diferente e mantenha o mesmo nome:

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

Em seguida, verifique o código para ver qual foi acionado:

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

O problema é que você vincula sua lógica ao texto visível do usuário na entrada.

Solução 2:
Atribua a cada um um nome exclusivo e verifique o $ _POST quanto à existência dessa entrada:

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

E no código:

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

Uma solução ainda melhor consiste em usar tags de botão para enviar o formulário:

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

O HTML dentro do botão (por exemplo, ..>Update<..é o que é visto pelo usuário; porque há HTML fornecido, ovalue não é visível ao usuário; ele é enviado apenas ao servidor. Dessa forma, não há inconvenientes com a internacionalização e vários idiomas de exibição (no solução anterior, o rótulo do botão também é o valor enviado ao servidor).

Há uma nova abordagem HTML5 para isso, o formactionatributo:

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

Aparentemente, isso não funciona no IE9 e versões anteriores, mas para outros navegadores você deve estar bem (consulte: w3schools.com <button> formatação HTML ).

Pessoalmente, geralmente uso o Javascript para enviar formulários remotamente (para um feedback percebido mais rápido) com essa abordagem como backup. Entre os dois, as únicas pessoas não cobertas são o IE <9 com Javascript desativado.

Obviamente, isso pode ser inapropriado se você estiver basicamente executando a mesma ação no lado do servidor, independentemente de qual botão foi pressionado, mas geralmente se houver duas ações no lado do usuário disponíveis, elas também serão mapeadas para duas ações no lado do servidor.

Editar: Conforme observado por Pascal_dher nos comentários, esse atributo também está disponível na <input>tag também.

Isso é extremamente fácil de testar

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

Coloque isso em uma página HTML, clique nos botões e veja o URL

Use o formactionatributo HTML (5ª linha):

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

A melhor maneira de lidar com vários botões de envio é usar maiúsculas e minúsculas no script do 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 do servidor / script do servidor - onde você está enviando o formulário:

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

?>

Fonte: W3Schools.com

Talvez as soluções sugeridas aqui tenham funcionado em 2009, mas eu testei todas essas respostas aprovadas e ninguém está trabalhando em nenhum navegador.

única solução que eu encontrei trabalhando é esta: (mas é um pouco feio de usar, eu acho)

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

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

Exemplo de código do servidor (PHP):

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

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

elseifmuito importante, porque ambos serão analisados, se não. Aproveitar.

Como você não especificou qual método de script do servidor você está usando, darei um exemplo que funciona para Python, usando CherryPy (embora possa ser útil também para outros contextos):

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

Em vez de usar o valor para determinar qual botão foi pressionado, você pode usar o nome (com a <button>tag em vez de <input>). Dessa forma, se seus botões tiverem o mesmo texto, isso não causará problemas. Os nomes de todos os itens de formulário, incluindo botões, são enviados como parte da URL. No CherryPy, cada um desses é um argumento para um método que executa o código do lado do servidor. Portanto, se o seu método tiver apenas uma **kwargslista de parâmetros (em vez de digitar tediosamente todos os nomes de cada item do formulário), verifique se o botão foi pressionado assim:

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>

Eu acho que você deve ser capaz de ler o nome / valor em sua matriz GET. Acho que o botão que não foi clicado não aparecerá nessa lista.

Você também pode fazer assim (acho muito conveniente se você tiver 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">

Um caso de uso comum seria usar diferentes IDs de um banco de dados para cada botão, para que você possa saber mais tarde no servidor em que linha foi clicada.

No lado do servidor (PHP neste exemplo), você pode ler "row" como uma matriz para obter o ID. $_POST['row']será uma matriz com apenas um elemento, no formato [ id => value ](por exemplo [ '123' => 'something' ]:).

Portanto, para obter o ID clicado, você deve:

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

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

Você formata vários botões de envio em um exemplo de formulário

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

Simples, você pode alterar a ação do formulário em diferentes botões de envio Clique em.

Tente isso no documento.

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

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

Você também pode usar um atributo href e enviar um get com o valor acrescentado para cada botão. Mas o formulário não seria necessário então

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

Você pode apresentar os botões assim:

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

E então, no código, você pode obter o valor usando:

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

(valUnits e valPrice são outros valores extraídos do formulário que deixei para ilustração)

Como você não especificou qual método de script do lado do servidor está usando, darei um exemplo 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>

Formulários

Quando clicar em Login -> loginForm

Quando clicar em Salvar -> saveForm

Quando clicar em Register -> registrationForm