1. Использование метода PreventDefault(). Вы можете использовать метод event.preventDefault(), чтобы остановить поведение отправки формы по умолчанию. Этот метод предотвращает отправку формы и позволяет выполнять дополнительные действия.

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault();
  // Perform additional actions or validations
});

2. Возврат false: того же результата можно добиться, вернув falseиз обработчика событий onsubmitформы. Это предотвратит отправку формы.

<form onsubmit="return false;">
  <!-- Form fields -->
  <button type="submit">Submit</button>
</form>

3. Отключение кнопки отправки. Другой подход — отключить кнопку отправки после ее нажатия, чтобы предотвратить отправку нескольких форм. При необходимости вы сможете повторно включить его позже.

document.querySelector('form').addEventListener('submit', function() {
  document.querySelector('button[type="submit"]').disabled = true;
});

4. Использование функции проверки: вы можете определить функцию проверки, которая проверяет входные данные формы на достоверность. Если проверка не пройдена, вы можете запретить отправку формы.

function validateForm() {
  // Perform form validation
  if (/* validation fails */) {
    return false; // Prevent form submission
  }
}

<form onsubmit="return validateForm();">
  <!-- Form fields -->
  <button type="submit">Submit</button>
</form>