Помощь Joomla



Как С Помощью Javascript Нажать на Кнопку

Формы: отправка, событие и метод submit  Январь 29, 2017 – 10:36
нажать на кнопку «Готово»

Событие 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

Похожие публикации:

  1. Как Создать Базу Данных в Mysql
  2. Как Создать Сайт на Joomla
  3. Как Создать Сайт на Джумла