Dwa przyciski przesyłania w jednej formie

Mam dwa przyciski przesyłania w formularzu. Jak ustalić, który z nich trafił na serwer?

Jeśli nadasz każdemu nazwę, kliknięty zostanie wysłany jak każde inne wejście.

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

Rozwiązanie 1:
Nadaj każdemu wejściowi inną wartość i zachowaj tę samą nazwę:

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

Następnie w kodzie sprawdź, który został uruchomiony:

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

Problem polega na tym, że wiążesz swoją logikę z tekstem widocznym dla użytkownika w danych wejściowych.

Rozwiązanie 2:
Nadaj każdemu unikalną nazwę i sprawdź $ _POST pod kątem istnienia tych danych wejściowych:

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

I w kodzie:

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

Jeszcze lepsze rozwiązanie polega na użyciu tagów przycisków do przesłania formularza:

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

HTML wewnątrz przycisku (np. ..>Update<..To, co widzi użytkownik; ponieważ dostępny jest HTML, valuenie jest widoczny dla użytkownika; jest wysyłany tylko na serwer. W ten sposób nie ma żadnych niedogodności związanych z internacjonalizacją i wieloma językami wyświetlania (w poprzednie rozwiązanie, etykieta przycisku jest również wartością wysyłaną do serwera).

Jest do tego nowe podejście HTML5, formactionatrybut:

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

Najwyraźniej nie działa to w IE9 i wcześniejszych wersjach , ale w przypadku innych przeglądarek powinno być w porządku (patrz: w3schools.com HTML <button> formaction Attribute ).

Osobiście zazwyczaj używam Javascript do zdalnego przesyłania formularzy (w celu szybszego odbierania opinii), stosując to podejście jako kopię zapasową. Między nimi jedynymi osobami, których nie obejmuje, jest IE <9 z wyłączonym Javascript.

Oczywiście może to być nieodpowiednie, jeśli w zasadzie podejmujesz tę samą akcję po stronie serwera, niezależnie od tego, który przycisk został naciśnięty, ale często, jeśli dostępne są dwie akcje po stronie użytkownika, będą one mapowane również na dwie akcje po stronie serwera.

Edycja: Jak zauważył Pascal_dher w komentarzach, ten atrybut jest również dostępny w <input>tagu.

Jest to niezwykle łatwy do przetestowania

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

Po prostu umieść to na stronie HTML, kliknij przyciski i spójrz na adres URL

Użyj formactionatrybutu HTML (5. linia):

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

Najlepszym sposobem radzenia sobie z kilkoma przyciskami przesyłania jest użycie przypadku zmiany w skrypcie serwera

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

kod serwera / skrypt serwera - w przypadku przesyłania formularza:

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

?>

Źródło: W3Schools.com

Być może zaproponowane tutaj rozwiązania zadziałały w 2009 roku, ale przetestowałem już wszystkie te pozytywne odpowiedzi i nikt nie działa w żadnej przeglądarce.

Jedyne rozwiązanie, które działało, to: (ale myślę, że jest trochę brzydkie w użyciu)

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

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

Przykładowy kod serwera (PHP):

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

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

elseifbardzo ważne, ponieważ oba zostaną przeanalizowane, jeśli nie. Cieszyć się.

Ponieważ nie określiłeś, jakiej metody skryptowej używasz na serwerze, dam ci przykład, który działa dla Pythona, używając CherryPy (chociaż może być przydatny również w innych kontekstach):

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

Zamiast używać wartości do ustalenia, który przycisk został naciśnięty, możesz użyć nazwy ( <button>zamiast tagu zamiast <input>). W ten sposób, jeśli twoje przyciski będą miały ten sam tekst, nie spowoduje to problemów. Nazwy wszystkich elementów formularza, w tym przycisków, są wysyłane jako część adresu URL. W CherryPy każdy z nich jest argumentem dla metody wykonującej kod po stronie serwera. Tak więc, jeśli twoja metoda ma tylko **kwargslistę parametrów (zamiast żmudnego wpisywania każdej pojedynczej nazwy każdego elementu formularza), możesz sprawdzić, który przycisk został naciśnięty w ten sposób:

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>

Myślę, że powinieneś być w stanie odczytać nazwę / wartość w tablicy GET. Myślę, że przycisk, który nie został kliknięty, nie pojawi się na tej liście.

Możesz to zrobić w ten sposób (myślę, że jest to bardzo wygodne, jeśli masz N wejść).

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

Typowym przypadkiem użycia byłoby użycie różnych identyfikatorów z bazy danych dla każdego przycisku, abyś mógł później dowiedzieć się na serwerze, który wiersz został kliknięty.

Po stronie serwera (w tym przykładzie PHP) możesz odczytać „wiersz” jako tablicę, aby uzyskać identyfikator. $_POST['row']będzie tablicą zawierającą tylko jeden element, w formie [ id => value ](na przykład [ '123' => 'something' ]:).

Aby uzyskać kliknięty identyfikator, wykonujesz:

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

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

Zgłaszasz przycisk wielokrotnego przesyłania w jednym przykładzie formularza

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

Proste, możesz zmienić działanie formularza na różnych przyciskach przesyłania Kliknij.

Spróbuj tego w dokumencie

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

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

Możesz także użyć atrybutu href i wysłać get z wartością dołączoną do każdego przycisku. Ale formularz nie byłby wtedy wymagany

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

Możesz przedstawić przyciski w następujący sposób:

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

A następnie w kodzie możesz uzyskać wartość, używając:

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

(valUnits i valPrice to niektóre inne wartości, które wyodrębniłem z formularza, który zostawiłem dla ilustracji)

Ponieważ nie określiłeś, jakiej metody skryptowej używasz na serwerze, dam ci przykład, który działa dla 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>

Formularze

Po kliknięciu opcji Login -> loginForm

Po kliknięciu Zapisz -> saveForm

Po kliknięciu opcji Zarejestruj -> formularz rejestracyjny