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

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

от bernardo_nolan , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от dorothea_stoltenberg , 2 года назад

@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() на форме, который отправляет данные на сервер. Обратите внимание, что данный подход предполагает, что все поля формы заполнены корректно.

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

от otha_marks , год назад

@bernardo_nolan 

Альтернативный способ - можно также вызвать метод .submit() непосредственно на DOM-элементе кнопки.


HTML:


1 2 3


JavaScript:


1 2 3 4 5 6


// Получаем ссылку на кнопку отправки const submitButton = document.getElementById('submitButton');


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


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