Вы можете вручную отправлять формы с помощью JavaScript, используя submit() и requestSubmit () методы.
Отправка форм через JavaScript дает вам больше контроля. Вы можете предотвратить поведение по умолчанию, проверить форму или обработать вводимые данные в JavaScript перед отправкой формы на сервер.
Синтаксис
-
HTMLFormElement . submit ()
Метод submit() не принимает никаких параметров и не возвращает что угодно.
Примечание. Вызов
submit ()не вызываетsubmitсобытие; обработчик формыonsubmitне запущен.
-
HTMLFormElement . requestSubmit ( submitter )-
submitter: (необязательно) кнопка отправки, используемая для обработки отправки формы. Если не указан, сам элемент формы используется как отправитель.
-
requestSubmit () используется, когда вы хотите активировать отправку формы или вызвать обработчик формы onsubmit .
Пример
Давайте попробуем отправить форму с помощью изображения.
Использование submit()
Обратите внимание, как обработчик формы onsubmit не вызывается.
- Вывод
- JavaScript
- HTML
- CSS (SCSS)
Использование requestSubmit()
Вызывается обработчик onsubmit формы. Здесь мы используем его, чтобы предотвратить перезагрузку страницы при отправке формы..
- Вывод
- JavaScript
- HTML
- CSS (SCSS)
Более подробную информацию об обоих методах вы можете найти в официальных документах здесь и здесь.
