Hai nút gửi trong một hình thức

Tôi có hai nút gửi trong một hình thức. Làm cách nào để xác định cái nào bị tấn công máy chủ?

Nếu bạn đặt tên cho mỗi cái, tên được nhấp sẽ được gửi qua như bất kỳ đầu vào nào khác.

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

Giải pháp 1:
Cung cấp cho mỗi đầu vào một giá trị khác nhau và giữ nguyên tên:

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

Sau đó, trong kiểm tra mã để xem cái nào được kích hoạt:

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

Vấn đề với điều đó là bạn buộc logic của mình vào văn bản hiển thị của người dùng trong đầu vào.

Giải pháp 2:
Đặt cho mỗi người một tên duy nhất và kiểm tra $ _POST cho sự tồn tại của đầu vào đó:

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

Và trong mã:

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

Một giải pháp thậm chí tốt hơn bao gồm sử dụng các thẻ nút để gửi biểu mẫu:

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

HTML bên trong nút (ví dụ: ..>Update<..những gì người dùng nhìn thấy; vì có HTML được cung cấp, valuekhông hiển thị cho người dùng; nó chỉ được gửi đến máy chủ. Cách này không gây bất tiện cho quốc tế hóa và nhiều ngôn ngữ hiển thị (trong giải pháp trước đây, nhãn của nút cũng là giá trị được gửi đến máy chủ).

Có một cách tiếp cận HTML5 mới, formactionthuộc tính này:

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

Rõ ràng điều này không hoạt động trong IE9 và trước đó, nhưng đối với các trình duyệt khác, bạn sẽ ổn (xem: w3schools.com HTML <button> Attribution Attribution ).

Cá nhân, tôi thường sử dụng Javascript để gửi biểu mẫu từ xa (để nhận phản hồi nhanh hơn) với phương pháp này là bản sao lưu. Giữa hai người, những người duy nhất không được bảo vệ là IE <9 bị tắt Javascript.

Tất nhiên, điều này có thể không phù hợp nếu về cơ bản bạn đang thực hiện cùng một phía máy chủ hành động bất kể nút nào được nhấn, nhưng thường thì nếu có hai hành động phía người dùng thì chúng cũng sẽ ánh xạ tới hai hành động phía máy chủ.

Chỉnh sửa: Như Pascal_dher đã lưu ý trong các nhận xét, thuộc tính này cũng có sẵn trên <input>thẻ.

Điều này cực kỳ dễ kiểm tra

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

Chỉ cần đặt nó trong một trang HTML, nhấp vào nút và xem URL

Sử dụng formactionthuộc tính HTML (dòng thứ 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>

Cách tốt nhất để xử lý nhiều nút gửi là sử dụng trường hợp chuyển đổi trong tập lệnh máy chủ

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

mã máy chủ / tập lệnh máy chủ - nơi bạn đang gửi biểu mẫu:

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

?>

Nguồn: W3Schools.com

Có thể các giải pháp được đề xuất ở đây đã hoạt động vào năm 2009, nhưng tôi đã thử nghiệm tất cả các câu trả lời được nêu lên này và không ai làm việc trong bất kỳ trình duyệt nào.

Giải pháp duy nhất tôi thấy làm việc là thế này: (nhưng nó hơi xấu khi sử dụng tôi nghĩ)

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

Xác định namelà 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>

Mã máy chủ ví dụ (PHP):

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

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

elseifrất quan trọng, bởi vì cả hai sẽ được phân tích cú pháp nếu không. Thưởng thức.

Vì bạn không chỉ định phương thức kịch bản phía máy chủ nào bạn đang sử dụng, tôi sẽ cung cấp cho bạn một ví dụ hoạt động cho Python, sử dụng CherryPy (mặc dù nó cũng có thể hữu ích cho các bối cảnh khác):

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

Thay vì sử dụng giá trị để xác định nút nào được nhấn, bạn có thể sử dụng tên (với <button>thẻ thay vì <input>). Theo cách đó, nếu các nút của bạn có cùng một văn bản, nó sẽ không gây ra vấn đề. Tên của tất cả các mục biểu mẫu, bao gồm các nút, được gửi như một phần của URL. Trong CherryPy, mỗi trong số đó là một đối số cho một phương thức thực hiện mã phía máy chủ. Vì vậy, nếu phương thức của bạn chỉ có **kwargsdanh sách tham số của nó (thay vì gõ một cách tẻ nhạt từng tên riêng lẻ của từng mục biểu mẫu) thì bạn có thể kiểm tra xem nút nào được nhấn như thế này:

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>

Tôi nghĩ bạn sẽ có thể đọc tên / giá trị trong mảng GET của bạn. Tôi nghĩ rằng nút không được bấm sẽ không xuất hiện trong danh sách đó.

Bạn cũng có thể làm như thế này (tôi nghĩ sẽ rất thuận tiện nếu bạn có N đầu vào).

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

Một trường hợp sử dụng phổ biến sẽ sử dụng các id khác nhau từ cơ sở dữ liệu cho mỗi nút, do đó sau này bạn có thể biết trong hàng máy chủ đã được nhấp.

Trong phía máy chủ (PHP trong ví dụ này), bạn có thể đọc "hàng" dưới dạng một mảng để lấy id. $_POST['row']sẽ là một mảng chỉ có một phần tử, ở dạng [ id => value ](ví dụ:[ '123' => 'something' ] :).

Vì vậy, để có được id đã nhấp, bạn làm:

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

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

Bạn định dạng cho nhiều nút gửi trong một ví dụ mẫu

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

Đơn giản, bạn có thể thay đổi hành động của biểu mẫu trên các nút gửi khác nhau Nhấp vào.

Hãy thử điều này trong tài liệu. Đọc

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

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

Bạn cũng có thể sử dụng thuộc tính a href và gửi get với giá trị được nối thêm cho mỗi nút. Nhưng hình thức sẽ không được yêu cầu sau đó

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

Bạn có thể trình bày các nút như thế này:

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

Và sau đó trong mã bạn có thể nhận được giá trị bằng cách sử dụng:

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

(valUnits và valprice là một số giá trị khác tôi trích xuất từ ​​biểu mẫu mà tôi để lại để minh họa)

Vì bạn không chỉ định phương thức kịch bản phía máy chủ nào bạn đang sử dụng, tôi sẽ cung cấp cho bạn một ví dụ hoạt động cho 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>

Các hình thức

Khi nhấp vào Đăng nhập -> loginForm

Khi nhấp vào Save -> saveForm

Khi nhấp vào Đăng ký -> đăng kýForm