ปุ่มส่งสองปุ่มในแบบฟอร์มเดียว

ฉันมีปุ่มส่งสองปุ่มในแบบฟอร์ม ฉันจะทราบได้อย่างไรว่าเซิร์ฟเวอร์ตัวใดที่ถูกโจมตีด้านเซิร์ฟเวอร์

หากคุณตั้งชื่อให้แต่ละคนชื่อที่ถูกคลิกจะถูกส่งผ่านเป็นอินพุตอื่น ๆ

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

โซลูชันที่ 1:
ให้ค่าที่แตกต่างกันสำหรับแต่ละอินพุตและใช้ชื่อเดิม:

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

จากนั้นในการตรวจสอบรหัสเพื่อดูสิ่งที่ถูกทริกเกอร์:

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

ปัญหาคือคุณผูกตรรกะของคุณกับข้อความที่ผู้ใช้มองเห็นได้ในการป้อนข้อมูล

โซลูชันที่ 2:
ตั้งชื่อที่ไม่ซ้ำกันและตรวจสอบ $ _POST สำหรับการมีอยู่ของอินพุตนั้น:

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

และในรหัส:

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

ทางออกที่ดียิ่งขึ้นประกอบด้วยการใช้แท็กปุ่มเพื่อส่งแบบฟอร์ม:

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

HTML ภายในปุ่ม (เช่น..>Update<..เป็นสิ่งที่ผู้ใช้เห็นเนื่องจากมี HTML ที่ให้valueผู้ใช้ไม่สามารถมองเห็นได้จะถูกส่งไปยังเซิร์ฟเวอร์เท่านั้นวิธีนี้ไม่มีความไม่สะดวกกับการใช้ภาษาสากลและภาษาที่แสดงหลายภาษา (ใน วิธีแก้ปัญหาเดิมฉลากของปุ่มยังเป็นค่าที่ส่งไปยังเซิร์ฟเวอร์)

มีวิธีการ HTML5 ใหม่สำหรับformactionคุณลักษณะนี้:

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

เห็นได้ชัดว่าสิ่งนี้ไม่ทำงานใน IE9 และก่อนหน้านี้ แต่สำหรับเบราว์เซอร์อื่น ๆ คุณควรจะปรับ (ดู: w3schools.com HTML <button> formaction แอตทริบิวต์ )

โดยส่วนตัวแล้วฉันใช้จาวาสคริปต์เพื่อส่งแบบฟอร์มจากระยะไกล ระหว่างคนสองคนคนเดียวที่ไม่ได้ครอบคลุมคือ IE <9 ที่ปิดใช้งาน Javascript

แน่นอนว่านี่อาจไม่เหมาะสมหากคุณกำลังดำเนินการด้านเซิร์ฟเวอร์การกระทำเดียวกันโดยไม่คำนึงว่าจะกดปุ่มใด แต่บ่อยครั้งหากมีการดำเนินการด้านผู้ใช้สองรายการพวกเขาจะแมปกับการกระทำด้านเซิร์ฟเวอร์สองรายการด้วยเช่นกัน

แก้ไข: ตามที่ระบุไว้โดย Pascal_dher ในความคิดเห็นคุณลักษณะนี้มีอยู่ใน<input>แท็กด้วยเช่นกัน

มันง่ายมากที่จะทดสอบ

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

เพียงแค่ใส่มันในหน้า HTML ให้คลิกปุ่มและดูที่ URL

ใช้formactionแอตทริบิวต์ HTML (บรรทัดที่ 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>

วิธีที่ดีที่สุดในการจัดการกับปุ่มส่งหลายปุ่มคือการใช้ตัวพิมพ์สลับในสคริปต์เซิร์ฟเวอร์

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

รหัสเซิร์ฟเวอร์ / สคริปต์เซิร์ฟเวอร์ - ที่ที่คุณส่งแบบฟอร์ม:

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

?>

ที่มา: W3Schools.com

อาจเป็นวิธีการแก้ปัญหาที่แนะนำที่นี่ทำงานในปี 2009 แต่ ive ทดสอบคำตอบ upvoted ทั้งหมดนี้และไม่มีใครทำงานในเบราว์เซอร์ใด ๆ

ทางออกเดียวที่ฉันพบว่าทำงานคือ: (แต่มันน่าเกลียดเล็กน้อยที่จะใช้ฉันคิดว่า)

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

กำหนดเป็นnamearray

<form action='' method=POST>
    (...) some input fields (...)
    <input type=submit name=submit[save] value=Save>
    <input type=submit name=submit[delete] value=Delete>
</form>

ตัวอย่างรหัสเซิร์ฟเวอร์ (PHP):

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

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

elseifสำคัญมากเพราะทั้งคู่จะถูกแยกวิเคราะห์ถ้าไม่ สนุก.

เนื่องจากคุณไม่ได้ระบุวิธีการใช้สคริปต์ฝั่งเซิร์ฟเวอร์ฉันจะให้ตัวอย่างที่เหมาะกับ Python โดยใช้ CherryPy (แม้ว่ามันอาจจะมีประโยชน์สำหรับบริบทอื่น ๆ ด้วย):

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

แทนที่จะใช้ค่าเพื่อพิจารณาว่ามีการกดปุ่มใดคุณสามารถใช้ชื่อ (ด้วย<button>แท็กแทน<input>) ด้วยวิธีนี้หากปุ่มของคุณมีข้อความเหมือนกันมันจะไม่ทำให้เกิดปัญหา ชื่อของไอเท็มฟอร์มทั้งหมดรวมถึงปุ่มต่างๆจะถูกส่งเป็นส่วนหนึ่งของ URL ใน CherryPy แต่ละรายการเป็นอาร์กิวเมนต์สำหรับวิธีการที่ทำโค้ดฝั่งเซิร์ฟเวอร์ ดังนั้นหากวิธีการของคุณมีเพียง**kwargsรายการพารามิเตอร์ของมัน (แทนที่จะพิมพ์ชื่อเดียวทุกชื่อของแต่ละไอเท็มฟอร์มอย่างน่าเบื่อ) จากนั้นคุณสามารถตรวจสอบว่าปุ่มใดถูกกดเช่นนี้

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>

ฉันคิดว่าคุณควรจะสามารถอ่านชื่อ / ค่าในอาร์เรย์ GET ของคุณ ฉันคิดว่าปุ่มที่ไม่ได้คลิกจะไม่ปรากฏในรายการนั้น

คุณสามารถทำได้เช่นนี้ (ฉันคิดว่ามันสะดวกมากถ้าคุณมีอินพุต 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">

กรณีการใช้งานทั่วไปจะใช้รหัสที่แตกต่างจากฐานข้อมูลสำหรับแต่ละปุ่มดังนั้นคุณสามารถทราบได้ในภายหลังในแถวที่เซิร์ฟเวอร์ถูกคลิก

ในฝั่งเซิร์ฟเวอร์ (PHP ในตัวอย่างนี้) คุณสามารถอ่าน "แถว" เป็นอาร์เรย์เพื่อรับ ID $_POST['row']จะเป็นอาร์เรย์ที่มีองค์ประกอบเดียวในรูปแบบ[ id => value ](ตัวอย่างเช่น:[ '123' => 'something' ] )

ดังนั้นในการรับ id ที่ถูกคลิกคุณต้อง:

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

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

คุณ formaction สำหรับหลายปุ่มส่งในตัวอย่างแบบฟอร์มเดียว

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

ง่าย ๆ คุณสามารถเปลี่ยนการกระทำของแบบฟอร์มบนปุ่มส่งที่แตกต่างกันคลิก

ลองสิ่งนี้ในเอกสารพร้อม

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

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

นอกจากนี้คุณยังสามารถใช้แอตทริบิวต์ href และส่งรับโดยมีค่าต่อท้ายสำหรับแต่ละปุ่ม แต่แบบฟอร์มก็ไม่จำเป็น

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

คุณสามารถแสดงปุ่มดังนี้:

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

จากนั้นในรหัสคุณสามารถรับค่าโดยใช้:

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

(valUnits และ valPrice เป็นค่าอื่นที่ฉันแยกออกมาจากแบบฟอร์มที่ฉันทิ้งไว้เพื่อเป็นภาพประกอบ)

เนื่องจากคุณไม่ได้ระบุวิธีการใช้สคริปต์ฝั่งเซิร์ฟเวอร์คุณจะให้ตัวอย่างที่เหมาะกับ 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>

รูปแบบ

เมื่อคลิกที่เข้าสู่ระบบ -> loginForm

เมื่อคลิกที่บันทึก -> saveForm

เมื่อคลิกที่ Register -> registerForm