article.md

Формы: отправка, событие и метод submit

Событие submit возникает при отправке формы. Наиболее частое его применение -- это валидация (проверка) формы перед отправкой.

Метод submit позволяет инициировать отправку формы из JavaScript, без участия пользователя. Далее мы рассмотрим детали их использования.

[cut]

Событие submit

Чтобы отправить форму на сервер, у посетителя есть два способа:

1. Первый -- это нажать кнопку <input type="submit"> или <input type="image">.
2. Второй -- нажать Enter, находясь на каком-нибудь поле.

Какой бы способ ни выбрал посетитель -- будет сгенерировано событие submit. Обработчик в нём может проверить данные и, если они неверны, то вывести ошибку и сделать event.preventDefault() -- тогда форма не отправится на сервер.

Например, в таком HTML оба способа выведут alert, форма не будет отправлена:

<form onsubmit="alert('submit!');return false">
  Первый: Enter в текстовом поле <input type="text" value="Текст"><br>
  Второй: Нажать на "Отправить": <input type="submit" value="Отправить">
</form>

Ожидаемое поведение:

1. Перейдите в текстовое поле и нажмите Enter, будет событие, но форма не отправится на сервер благодаря return false в обработчике.
2. То же самое произойдет при клике на <input type="submit">.

````smart header="Взаимосвязь событий submit и `click`" При отправке формы путём нажатия Enter на текстовом поле, на элементе `` везде, кроме IE8-, генерируется событие `click`.

Это довольно забавно, учитывая что клика-то и не было.

<form onsubmit="alert('submit');return false">
 <input type="text" size="30" value="При нажатии Enter будет click">
 <input type="submit" value="Submit" *!*onclick="alert('click')"*/!*>
</form>

```warn header="В IE8- событие `submit` не всплывает"
В IE8- событие `submit` не всплывает. Нужно вешать обработчик `submit` на сам элемент формы, без использования делегирования.
```

## Метод submit

Чтобы отправить форму на сервер из JavaScript -- нужно вызвать на элементе формы метод `form.submit()`.

При этом само событие `submit` не генерируется. Предполагается, что если программист вызывает метод `form.submit()`, то он выполнил все проверки.

Это используют, в частности, для искусственной генерации и отправки формы.