3
<form id="orderForm">
  <button type="submit">Принять заказ</button>
  <button type="submit">Отказаться</button>
</form>

Есть две кнопки сабмита, можно ли посмотреть какая из 2-х кнопок инициировала действие? Если вызвать .submit(function (event) {}) Либо таким способом нельзя посмотреть?

2 ответа 2

4

Понять на какую кнопку нажал можно используя аттрибут value. Содержание аттрибута приходит на сервер вместе с отправленой формой:

<form id="orderForm">
  <button type="submit" value="confirm">Принять заказ</button>
  <button type="submit" value="cancel">Отказаться</button>
</form>

Или можно сразу повесить нужную функцию на кнопку. Тогда нужна функция будет отрабатываться сразу в браузере:

<form id="orderForm">
  <button type="submit" value="accept" onclick="confirm();">Принять заказ</button>
  <button type="submit" value="cancel" onclick="cancel();">Отказаться</button>
</form>
12
  • а как атрибут value поможет? можешь написать код, как по нему определять?
    – Grundy
    22 окт 2018 в 11:10
  • @Grundy В смысле как поможет? На сервере бери и смотри что пришло. 22 окт 2018 в 11:47
  • Стоит добавить, что речь про сервер, возможно автора вопроса интересовало именно на клиентской стороне
    – Grundy
    22 окт 2018 в 12:13
  • @Эникейщик а как это сделать? Через массив POST? Если да, то тогда нужно получается дать имена submit'ам
    – JustLearn
    27 фев 2020 в 8:12
  • @JustLearn Так об этом в ответе и написано :) 27 фев 2020 в 8:26
0

Этот код ответит на все ваши вопросы:

$(document).on('submit', 'form', (e) => {
    ...
    var submitter = $(e.originalEvent.submitter);
    ...
});

При событии submit получаем сабмиттера (нашу кнопку), а дальше делаем с ней, что хотим. Например я беру у нее атрибуты name и value и добавляю в форм-дату, все просто

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.