Две кнопки отправки в одной форме

У меня есть две кнопки отправки в форме. Как определить, какая из них была поражена серверной стороной?

Если вы дадите каждому имя, то выбранное будет отправлено как любой другой ввод.

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

Лично я обычно использую Javascript для удаленной отправки форм (для более быстрой обратной связи) с этим подходом в качестве резервного. Между двумя единственными людьми, которые не охвачены, являются 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 году, но я проверил все эти ответы, и никто не работает ни в одном браузере.

единственное решение, которое я нашел работающим, это: (но я думаю, его немного уродливо использовать)

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

Определить nameкак 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>

Пример кода сервера (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) вы можете прочитать строку как массив, чтобы получить идентификатор. $_POST['row']будет массивом только с одним элементом в форме [ id => value ](например:) [ '123' => 'something' ].

Итак, чтобы получить идентификатор клика, вы делаете:

$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 и отправить get со значением, добавленным для каждой кнопки. Но тогда форма не потребуется

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>

формы

Когда нажимаете на Login -> loginForm

При нажатии Сохранить -> saveForm

Когда нажимаете Зарегистрироваться -> Форма регистрации