Как имитировать нажатие на submit в javascript?

Пользователь

от bernardo_nolan , в категории: JavaScript , 9 месяцев назад

Как имитировать нажатие на submit в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dorothea_stoltenberg , 9 месяцев назад

@bernardo_nolan 

Для имитации нажатия на кнопку "submit" формы с помощью JavaScript, можно использовать метод .submit() для DOM-элемента формы. Этот метод вызывает событие "submit" формы и отправляет ее на сервер.


Пример:


HTML:

1
2
3
4
5
<form id="myForm" action="/submit-form" method="post">
  <input type="text" name="input1">
  <input type="text" name="input2">
  <button type="submit" id="submitButton">Submit</button>
</form>


JavaScript:

1
2
3
4
5
6
7
8
9
// Получаем ссылку на форму и кнопку отправки
const form = document.getElementById('myForm');
const submitButton = document.getElementById('submitButton');

// Назначаем обработчик события клика на кнопку отправки
submitButton.addEventListener('click', function() {
  // Вызываем метод submit() на форме
  form.submit();
});


Теперь при клике на кнопку "Submit" будет вызываться метод submit() на форме, который отправляет данные на сервер. Обратите внимание, что данный подход предполагает, что все поля формы заполнены корректно.