Методы предотвращения отправки формы по умолчанию с использованием JavaScript

событие срабатывает.

Вот несколько способов предотвратить поведение отправки формы по умолчанию с использованием JavaScript:

  1. Использование event.preventDefault(): в функции обработчика событий для события onsubmitвы можете вызвать preventDefault()>метод объекта события, чтобы остановить отправку формы.
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault();
  // Additional code here
});
  1. Возврат false. Другой способ предотвратить отправку формы — вернуть falseиз функции обработчика событий onsubmit. Этот подход обычно используется во встроенных обработчиках событий.
<form onsubmit="return false;">
  <!-- Form fields here -->
  <input type="submit" value="Submit">
</form>
  1. Использование return. Как и в предыдущем методе, вы можете использовать оператор returnв функции обработчика событий onsubmit, чтобы предотвратить отправку формы.
document.getElementById("myForm").onsubmit = function() {
  // Additional code here
  return false;
};
  1. Прослушиватель событий с помощью addEventListener: вы можете прикрепить прослушиватель событий к событию submitформы и вызвать preventDefault()в функции обработчика событий..
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault();
  // Additional code here
});