@timofeus91
Junior Frontend Developer

Как получить имя кнопки типа submit в форме?

Всем привет! У меня следующая ситуация. Есть форма, внутри неё две кнопки с типом submit. Их две, потому-что в зависимости от того на какую выполнен клик будет меняться логика. Как в onSubmit формы мне получить данные о том какая именно кнопка была нажата? Я могу кнопке name или id или все вместе повесить, не проблема. Также я не могу отказаться от того чтобы у кнопки был type=submit. Мне нужно чтобы сработало событие формы именно для проверки инпутов браузером. Приложение на React если что. Буду рад любой подсказке!

Ниже мини-пример чтобы было понятно что я имею ввиду

<form onSubmit={(event) => {
  // как получить name или id кнопки, по которой сделано нажатие?
}}>
  <button type="submit" name="buttonFirst" id="1">Button first</button>
  <button type="submit" name="buttonSecond" id="2">Button second</button>
  
</form>
  • Вопрос задан
  • 240 просмотров
Решения вопроса 1
@FKV
console.log(event.submitter)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@mozenrat3
Вы можете использовать скрытое поле () в вашей форме для хранения информации о том, какая из кнопок была нажата. Это позволит вам передать это значение на сервер при отправке формы и использовать его для определения логики.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы