SubmitEvent

Интерфейс SubmitEvent определяет объект, используемый для представления события HTML формы submit. Это событие срабатывает в элементе <form> при вызове действия отправки формы.

SubmitEvent()

Создаёт и возвращает новый объект SubmitEvent, у которого type и другие опции настроены как указано. Обратите внимание, что в настоящее время единственно допустимое значение type для SubmitEvent — это submit.

Помимо перечисленных ниже свойств, этот интерфейс наследует свойства родительского интерфейса Event.

submitter Только для чтения

Объект HTMLElement, идентифицирующий кнопку или другой элемент, который был нажат для отправки формы.

Интерфейс SubmitEvent не имеет собственных методов, но наследует все методы родительского интерфейса Event.

В этом примере корзина покупок может иметь различные кнопки отправки в зависимости от настроек пользователя, настроек магазина и любых минимальных или максимальных сумм заказа, установленных процессорами платежей. Идентификатор каждого элемента submit используется для определения процессора платежей, которому соответствует кнопка.

let form = document.querySelector("form");
form.addEventListener("submit", (event) => {
  let submitter = event.submitter;
  let handler = submitter.id;

  if (handler) {
    processOrder(form, handler);
  } else {
    showAlertMessage(
      "An unknown or unaccepted payment type was selected. Please try again.",
      "OK",
    );
  }
});

Идентификатор обработчика получается с помощью свойства submitter события submit, чтобы получить кнопку отправки, а затем извлечь идентификатор. После этого можно вызвать функцию processOrder(), чтобы обработать заказ, передав форму и идентификатор обработчика.