Дві кнопки подання в одній формі

У мене є дві кнопки подання у формі. Як визначити, на кого потрапив сервер?

Якщо ви дасте ім’я кожному, натиснутий буде надісланий, як і будь-який інший вхід.

<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> Атрибут формації ).

Особисто я використовую 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

Ви формуєте для декількох кнопку подання в одному прикладі форми

 <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

При натисканні кнопки "Зберегти" -> "зберегти форму"

При натисканні на Реєстрація -> реєстраційна форма