Zwei Senden-Schaltflächen in einem Formular

Ich habe zwei Senden- Schaltflächen in einem Formular. Wie bestimme ich, welche Server-Seite getroffen wurde?

Wenn Sie jedem einen Namen geben, wird der angeklickte wie jede andere Eingabe gesendet.

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

Lösung 1:
Geben Sie jeder Eingabe einen anderen Wert und behalten Sie den gleichen Namen bei:

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

Überprüfen Sie dann im Code, welcher ausgelöst wurde:

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

Das Problem dabei ist, dass Sie Ihre Logik mit dem für den Benutzer sichtbaren Text in der Eingabe verknüpfen.

Lösung 2:
Geben Sie jedem einen eindeutigen Namen und überprüfen Sie $ _POST auf das Vorhandensein dieser Eingabe:

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

Und im Code:

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

Eine noch bessere Lösung besteht darin, Schaltflächen-Tags zum Senden des Formulars zu verwenden:

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

Das HTML innerhalb der Schaltfläche (z. B. ..>Update<..das, was der Benutzer sieht; da HTML bereitgestellt wird, valueist das nicht für den Benutzer sichtbar; es wird nur an den Server gesendet. Auf diese Weise entstehen keine Unannehmlichkeiten bei der Internationalisierung und bei mehreren Anzeigesprachen (in der.) Bei der früheren Lösung ist die Beschriftung der Schaltfläche auch der an den Server gesendete Wert.

Hierfür gibt es einen neuen HTML5-Ansatz, das formactionAttribut:

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

Anscheinend funktioniert dies in IE9 und früheren Versionen nicht, aber für andere Browser sollten Sie in Ordnung sein (siehe: HTML-Formatierungsattribut HTML <button> von w3schools.com ).

Persönlich verwende ich im Allgemeinen Javascript, um Formulare per Fernzugriff (für schneller wahrgenommenes Feedback) mit diesem Ansatz als Backup einzureichen. Zwischen den beiden sind IE <9 mit deaktiviertem Javascript die einzigen Personen, die nicht abgedeckt sind.

Dies kann natürlich unangemessen sein, wenn Sie grundsätzlich dieselbe Aktion serverseitig ausführen, unabhängig davon, welche Schaltfläche gedrückt wurde. Wenn jedoch zwei benutzerseitige Aktionen verfügbar sind, werden diese häufig auch zwei serverseitigen Aktionen zugeordnet.

Bearbeiten: Wie von Pascal_dher in den Kommentaren angegeben, ist dieses Attribut auch für das <input>Tag verfügbar .

Dies ist sehr einfach zu testen

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

Fügen Sie das einfach in eine HTML-Seite ein, klicken Sie auf die Schaltflächen und sehen Sie sich die URL an

Verwenden Sie das formactionHTML-Attribut (5. Zeile):

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

Der beste Weg, um mit mehreren Submit-Buttons umzugehen, ist die Verwendung von Switch Case im Serverskript

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

Servercode / Serverskript - wo Sie das Formular senden:

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

?>

Quelle: W3Schools.com

Vielleicht haben die hier vorgeschlagenen Lösungen im Jahr 2009 funktioniert, aber ich habe all diese optimierten Antworten getestet und niemand arbeitet in einem Browser.

Die einzige Lösung, die ich gefunden habe, ist folgende: (aber es ist ein bisschen hässlich zu benutzen, denke ich)

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

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

Beispiel für einen Servercode (PHP):

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

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

elseifsehr wichtig, da beide analysiert werden, wenn nicht. Genießen.

Da Sie nicht angegeben haben, welche serverseitige Skriptmethode Sie verwenden, gebe ich Ihnen ein Beispiel, das für Python mit CherryPy funktioniert (obwohl es auch für andere Kontexte nützlich sein kann):

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

Anstatt anhand des Werts zu bestimmen, welche Schaltfläche gedrückt wurde, können Sie den Namen verwenden ( <button>anstelle des Tags <input>). Auf diese Weise entstehen keine Probleme, wenn Ihre Schaltflächen denselben Text enthalten. Die Namen aller Formularelemente, einschließlich Schaltflächen, werden als Teil der URL gesendet. In CherryPy ist jedes dieser Argumente ein Argument für eine Methode, die den serverseitigen Code ausführt. Wenn Ihre Methode nur **kwargseine Parameterliste enthält (anstatt mühsam jeden einzelnen Namen jedes Formularelements einzugeben), können Sie überprüfen, welche Schaltfläche wie folgt gedrückt wurde:

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>

Ich denke, Sie sollten in der Lage sein, den Namen / Wert in Ihrem GET-Array zu lesen. Ich denke, dass die Schaltfläche, auf die nicht geklickt wurde, nicht in dieser Liste angezeigt wird.

Sie können es auch so machen (ich denke, es ist sehr praktisch, wenn Sie N Eingänge haben).

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

Ein häufiger Anwendungsfall wäre die Verwendung unterschiedlicher IDs aus einer Datenbank für jede Schaltfläche, sodass Sie später auf dem Server wissen könnten, auf welche Zeile geklickt wurde.

Auf der Serverseite (in diesem Beispiel PHP) können Sie "row" als Array lesen, um die ID zu erhalten. $_POST['row']wird ein Array mit nur einem Element in der Form sein [ id => value ](zum Beispiel :) [ '123' => 'something' ].

Um die angeklickte ID zu erhalten, gehen Sie wie folgt vor:

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

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

Sie bilden eine Schaltfläche für mehrere Senden in einem Formularbeispiel

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

Einfach können Sie die Aktion des Formulars auf verschiedenen Senden-Schaltflächen ändern. Klicken Sie auf.

Versuchen Sie dies in document.Ready

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

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

Sie können auch ein href-Attribut verwenden und ein Get mit dem für jede Schaltfläche angehängten Wert senden. Aber das Formular wäre dann nicht erforderlich

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

Sie können die Schaltflächen folgendermaßen präsentieren:

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

Und dann können Sie im Code den Wert erhalten mit:

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

(valUnits und valPrice sind einige andere Werte, die ich aus dem Formular extrahiere, das ich zur Veranschaulichung hinterlassen habe.)

Da Sie nicht angegeben haben, welche serverseitige Skriptmethode Sie verwenden, gebe ich Ihnen ein Beispiel, das für PHP funktioniert

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

Formen

Wenn Sie auf Login -> loginForm klicken

Wenn Sie auf Speichern -> saveForm klicken

Wenn Sie auf Registrieren -> Registrierungsformular klicken