Запретить отправку формы JavaScript

  1. Используйте функцию в теге script, чтобы остановить выполнение формы в JavaScript
  2. Используйте ванильный JavaScript, чтобы остановить выполнение формы в JavaScript
  3. Используйте библиотеку jQuery, чтобы остановить выполнение формы в JavaScript
  4. Используйте Dojo Toolkit, чтобы остановить выполнение формы в JavaScript

JavaScript поддерживается всеми веб-браузерами и используется для создания динамических веб-страниц. В этом руководстве мы остановим выполнение формы с помощью JavaScript.

Используйте функцию в теге script, чтобы остановить выполнение формы в JavaScript

Тег script используется для хранения клиентского сценария. Мы создали функцию JavaScript в тегах script, чтобы предотвратить отправку формы.

Проверьте код ниже.

<form onsubmit="submitForm(event)">
  <input type="text">
  <button type="submit">Submit</button>
</form>
<script type="text/JavaScript">
  function submitForm(event){
    event.preventDefault();
    window.history.back();
  }
</script>

Функция preventDefault() не позволяет выполнить действие по умолчанию для события. window.history.back() переносит нас на предыдущий URL в нашей истории. Все обсуждаемые методы будут включать эти две функции.

Используйте ванильный JavaScript, чтобы остановить выполнение формы в JavaScript

Ванильный JavaScript работает исключительно на JavaScript без использования каких-либо дополнительных библиотек.

Для предотвращения отправки формы можно использовать прослушиватель событий. Он добавляется к кнопке отправки, которая выполняет функцию и предотвращает отправку формы при нажатии.

Например,

element.addEventListener("submit", function(event) {
  event.preventDefault();
  window.history.back();
}, true);

Используйте библиотеку jQuery, чтобы остановить выполнение формы в JavaScript

jQuery - это быстрая и надежная библиотека, которая упрощает использование JavaScript. Это одна из самых популярных библиотек JavaScript.

Посмотрим, как можно предотвратить отправку формы.

Проверьте код ниже.

$('#form').submit(function(event) {
    event.preventDefault();
    window.history.back();
});

Функция $('#form').submit() используется для отправки формы в jQuery.

Используйте Dojo Toolkit, чтобы остановить выполнение формы в JavaScript

Это библиотека JavaScript, которая помогает упростить кроссплатформенное использование JavaScript для веб-приложений. Он использует функцию dojo.connect() для обработки событий. В нашем случае это используется для отправки формы, и мы предотвратим это с помощью функции preventDefault() и window.history.back().

Например,

dojo.connect(form, "submit", function(event) {
    event.preventDefault();
    window.history.back();
});

Сопутствующая статья - JavaScript Form

  • Форма отправки JavaScript при нажатии