Передать данные кнопки, с помощью которой произошел sumbit формы?

Question

[Mark]

Есть несколько submit форм, необходимо понимать с помощью которой кнопки произошел submit.
Тэг кнопки "button", тип "submit". Пробовал задать value, но в $("form").serializeArray() данных нет.

Визуализация

Как можно получить данные? value, либо data-аттрибут submit-кнопки?

Answer 1

[Tendor]

Добавте в форму просто скрытое поле

Comments

[Mark]

Да, как вариант отслеживать клик по кнопке, подставлять значение data-аттрибута кликнутой кнопки в скрытый input. Но, возможно, есть более "чистое" решение.

Answer 2

[Денис Ильиных]

надо добавить name для кнопки
name
The name of the button, submitted as a pair with the button’s value as part of the form data.

Comments

[Mark]

Пробовал задавать имя - увы, не помогло: в результате $("form").serializeArray() нет данного параметра.
Пример кода одной из кнопки:

<button type="submit" name="payment-system" class="btn btn-block btn-info" value="card"> Pay with Card</button>

Answer 3

[Absolute138]

$('form').submit(function(){
  var myForm = $('form').serializeArray();
  var clickedBtn = $(this).find('[type=submit]:focus');
  myForm.push({value:clickedBtn.val()});
  console.log(myForm)
});

Answer 4

[zkrvndm]

Используйте столько input type="submit" сколько нужно, но разумеется, это будет работать только при прямой отправке формы. Если вы форму отправляйте аяксом, то тут уже надо править сам аякс скрипт отправки, чтобы он добавлял доп. информацию.