Due pulsanti di invio in un unico modulo

Ho due pulsanti di invio in un modulo. Come faccio a determinare quale è stato colpito sul lato server?

Se dai a ciascuno un nome, quello cliccato verrà inviato come qualsiasi altro input.

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

Soluzione 1:
assegnare a ciascun input un valore diverso e mantenere lo stesso nome:

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

Quindi nel controllo del codice per vedere quale è stato attivato:

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

Il problema è che leghi la tua logica al testo visibile dall'utente all'interno dell'input.

Soluzione 2:
assegnare a ciascuno un nome univoco e controllare $ _POST per l'esistenza di tale input:

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

E nel codice:

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

Una soluzione ancora migliore consiste nell'utilizzare i tag dei pulsanti per inviare il modulo:

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

L'HTML all'interno del pulsante (ad es. ..>Update<..È ciò che viene visualizzato dall'utente; poiché è fornito HTML, valuenon è visibile all'utente; viene inviato solo al server. In questo modo non ci sono inconvenienti con l'internazionalizzazione e più lingue di visualizzazione (nella prima soluzione, l'etichetta del pulsante è anche il valore inviato al server).

C'è un nuovo approccio HTML5 a questo, l' formactionattributo:

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

Apparentemente questo non funziona in IE9 e precedenti, ma per altri browser dovresti andare bene (vedi: w3schools.com HTML <button> attributo formazione ).

Personalmente, generalmente utilizzo Javascript per inviare moduli in remoto (per un feedback percepito più velocemente) con questo approccio come backup. Tra i due, le uniche persone non coperte sono IE <9 con Javascript disabilitato.

Naturalmente, ciò potrebbe essere inappropriato se in pratica si esegue la stessa azione sul lato server indipendentemente dal pulsante premuto, ma spesso se sono disponibili due azioni sul lato utente, verranno mappate anche su due azioni sul lato server.

Modifica: come osservato da Pascal_dher nei commenti, questo attributo è disponibile anche sul <input>tag.

Questo è estremamente facile da testare

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

Inseriscilo in una pagina HTML, fai clic sui pulsanti e osserva l'URL

Usa l' formactionattributo HTML (5a riga):

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

Il modo migliore per gestire il pulsante di invio multiplo è utilizzare il caso switch nello script del server

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

codice server / script server - a cui si sta inviando il modulo:

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

Forse le soluzioni suggerite qui hanno funzionato nel 2009, ma ho testato tutte queste risposte avanzate e nessuno sta lavorando su alcun browser.

l'unica soluzione che ho trovato funzionante è questa: (ma penso che sia un po 'brutta da usare)

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

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

Esempio di codice server (PHP):

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

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

elseifmolto importante, perché entrambi verranno analizzati in caso contrario. Godere.

Dato che non hai specificato quale metodo di scripting lato server stai usando, ti darò un esempio che funziona per Python, usando CherryPy (anche se può essere utile anche per altri contesti):

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

Anziché utilizzare il valore per determinare quale pulsante è stato premuto, è possibile utilizzare il nome (con il <button>tag anziché <input>). In questo modo, se i tuoi pulsanti hanno lo stesso testo, non causeranno problemi. I nomi di tutti gli elementi del modulo, inclusi i pulsanti, vengono inviati come parte dell'URL. In CherryPy, ognuno di questi è un argomento per un metodo che esegue il codice lato server. Quindi, se il tuo metodo ha solo **kwargsper il suo elenco di parametri (invece di scrivere noiosamente ogni singolo nome di ogni elemento del modulo), puoi controllare per vedere quale pulsante è stato premuto in questo modo:

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>

Penso che dovresti essere in grado di leggere il nome / valore nel tuo array GET. Penso che il pulsante a cui non è stato fatto clic non verrà visualizzato nell'elenco.

Puoi anche farlo in questo modo (penso che sia molto conveniente se hai N ingressi).

<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 d'uso comune sarebbe utilizzare ID diversi da un database per ciascun pulsante, in modo da poterlo sapere in seguito nel server su cui è stata cliccata la riga.

Nel lato server (PHP in questo esempio) puoi leggere "row" come un array per ottenere l'id. $_POST['row']sarà un array con un solo elemento, nel modulo [ id => value ](ad esempio:[ '123' => 'something' ] .

Quindi, per ottenere l'ID cliccato, fai:

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

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

Formulazione per più pulsanti di invio in un esempio di modulo

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

Semplice è possibile modificare l'azione del modulo su diversi pulsanti di invio Fare clic.

Prova questo nel documento

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

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

È inoltre possibile utilizzare un attributo href e inviare un get con il valore aggiunto per ciascun pulsante. Ma il modulo non sarebbe richiesto allora

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

Puoi presentare i pulsanti in questo modo:

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

E poi nel codice puoi ottenere il valore usando:

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

(valUnits e valPrice sono alcuni altri valori che estraggo dal modulo che ho lasciato per l'illustrazione)

Dal momento che non hai specificato quale metodo di scripting lato server stai usando, ti darò un esempio che funziona per 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>

Le forme

Quando fai clic su Accedi -> loginForm

Quando fai clic su Salva -> saveForm

Quando fai clic su Registra -> registrationForm