Dua tombol kirim dalam satu bentuk

Saya memiliki dua tombol kirim dalam formulir. Bagaimana cara menentukan yang mana yang terkena sisi server?

Jika Anda memberi masing-masing nama, yang diklik akan dikirim sebagai input lainnya.

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

Solusi 1:
Berikan masing-masing input nilai yang berbeda dan jaga nama yang sama:

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

Kemudian dalam pemeriksaan kode untuk melihat yang dipicu:

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

Masalahnya adalah Anda mengikat logika Anda dengan teks yang dapat dilihat pengguna di dalam input.

Solusi 2:
Berikan masing-masing nama yang unik dan periksa $ _POST untuk keberadaan input itu:

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

Dan dalam kode:

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

Solusi yang lebih baik lagi terdiri dari menggunakan tag tombol untuk mengirimkan formulir:

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

HTML di dalam tombol (mis. ..>Update<..Adalah apa yang dilihat oleh pengguna; karena ada HTML yang disediakan, valuetidak terlihat oleh pengguna; hanya dikirim ke server. Dengan cara ini tidak ada ketidaknyamanan dengan internasionalisasi dan beberapa bahasa tampilan (dalam solusi sebelumnya, label tombol juga nilai yang dikirim ke server).

Ada pendekatan HTML5 baru untuk ini, formactionatributnya:

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

Tampaknya ini tidak bekerja di IE9 dan sebelumnya, tetapi untuk browser lain Anda harus baik-baik saja (lihat: w3schools.com HTML <button> Atribut formasi HTML ).

Secara pribadi, saya biasanya menggunakan Javascript untuk mengirimkan formulir dari jarak jauh (untuk umpan balik yang dirasakan lebih cepat) dengan pendekatan ini sebagai cadangan. Di antara keduanya, satu-satunya orang yang tidak tercakup adalah IE <9 dengan Javascript dinonaktifkan.

Tentu saja, ini mungkin tidak tepat jika Anda pada dasarnya mengambil tindakan sisi-server yang sama terlepas dari tombol mana yang ditekan, tetapi sering jika ada dua tindakan sisi pengguna yang tersedia maka mereka akan memetakan ke dua tindakan sisi-server juga.

Sunting: Seperti dicatat oleh Pascal_dher di komentar, atribut ini juga tersedia di <input>tag.

Ini sangat mudah untuk diuji

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

Masukkan saja itu di halaman HTML, klik tombol, dan lihat URL

Gunakan formactionatribut HTML (baris ke-5):

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

Cara terbaik untuk menangani beberapa tombol kirim adalah dengan menggunakan sakelar kasus di skrip 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>

kode server / skrip server - tempat Anda mengirimkan formulir:

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

?>

Sumber: W3Schools.com

Mungkin solusi yang disarankan di sini bekerja pada tahun 2009, tetapi saya telah menguji semua jawaban yang dibesarkan ini dan tidak ada yang bekerja di browser apa pun.

satu-satunya solusi yang saya temukan berfungsi adalah ini: (tapi itu agak jelek untuk digunakan saya pikir)

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

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

Contoh kode server (PHP):

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

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

elseifsangat penting, karena keduanya akan diurai jika tidak. Nikmati.

Karena Anda tidak menentukan metode skrip sisi server apa yang Anda gunakan, saya akan memberikan Anda contoh yang berfungsi untuk Python, menggunakan CherryPy (meskipun mungkin juga berguna untuk konteks lain):

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

Daripada menggunakan nilai untuk menentukan tombol mana yang ditekan, Anda dapat menggunakan nama (dengan <button>tag bukan <input>). Dengan begitu, jika tombol Anda memiliki teks yang sama, itu tidak akan menyebabkan masalah. Nama-nama semua item formulir, termasuk tombol, dikirim sebagai bagian dari URL. Dalam CherryPy, masing-masing adalah argumen untuk metode yang melakukan kode sisi server. Jadi, jika metode Anda hanya memiliki **kwargsdaftar parameternya (alih-alih mengetikkan setiap nama setiap item formulir dengan susah payah) maka Anda dapat memeriksa untuk melihat tombol mana yang ditekan seperti ini:

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>

Saya pikir Anda harus bisa membaca nama / nilai dalam array GET Anda. Saya pikir tombol yang tidak diklik tidak akan muncul dalam daftar itu.

Anda juga dapat melakukannya seperti ini (saya pikir ini sangat nyaman jika Anda memiliki input N).

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

Kasing yang umum digunakan adalah menggunakan id berbeda dari database untuk setiap tombol, sehingga Anda nanti bisa tahu di server yang barisnya diklik.

Di sisi server (PHP dalam contoh ini) Anda dapat membaca "baris" sebagai array untuk mendapatkan id. $_POST['row']akan menjadi array dengan hanya satu elemen, dalam bentuk [ id => value ](misalnya:[ '123' => 'something' ] :).

Jadi, untuk mendapatkan id yang diklik, Anda lakukan:

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

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

Anda memformat beberapa tombol kirim dalam satu contoh formulir

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

Sederhana, Anda dapat mengubah aksi formulir pada berbagai tombol kirim Klik.

Coba ini di dokumen. Siap

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

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

Anda juga dapat menggunakan atribut href dan mengirim get dengan nilai yang ditambahkan untuk setiap tombol. Tapi formulir itu tidak diperlukan saat itu

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

Anda dapat menyajikan tombol-tombol seperti ini:

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

Dan kemudian dalam kode Anda bisa mendapatkan nilainya menggunakan:

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

(valUnits dan valPrice adalah beberapa nilai lain yang saya ekstrak dari formulir yang saya tinggalkan untuk ilustrasi)

Karena Anda tidak menentukan metode skrip sisi server apa yang Anda gunakan, saya akan memberikan Anda contoh yang berfungsi untuk 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>

Formulir

Ketika klik pada Login -> loginForm

Ketika klik Simpan -> saveForm

Ketika klik pada Register -> registrasiForm