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

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

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

1. Первый – это нажать кнопку или .
2. Второй – нажать Enter, находясь на каком-нибудь поле.

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

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

Первый: Enter в текстовом поле
Второй: Нажать на "Отправить":

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

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

Взаимосвязь событий submit и click

При отправке формы путём нажатия Enter на текстовом поле, на элементе везде, кроме IE8-, генерируется событие click.

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

В IE8- событие submit не всплывает

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

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

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

Source: learn.javascript.ru