0

Подскажите, возможно ли перехватить событие submit для отмены действия браузера по умолчанию?

<form action="" id="test-form"></form>

<script>
  document.getElementById('test-form').submit();
</script>
1
  • onsubmit="скрипт" в форме используйте кратко и быстро 11 июл 2020 в 19:16

2 ответа 2

1

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

4
  • Я имитирую отправку формы ботом. Хочу перехватить событие и отменить действие по умолчанию, если это был бот. С обработкой клика проще (e.isTrigger || (e.originalEvent && !e.originalEvent.isTrusted) || !e.clientX) && e.preventDefault();
    – Kot
    11 июл 2020 в 18:16
  • То есть что бы форма отправлялась только при клике реальным пользователем и блокировалась при машинном .click()?
    – fortavey
    11 июл 2020 в 18:23
  • В том то и дело, что .click() можно перехватить, я не могу понять, как перехватить .submit()
    – Kot
    11 июл 2020 в 18:34
  • Для того, чтобы устранить бота придумана captcha. Без captcha я возьму вашу форму, выброшу все ваши javascript-проверки на бота, и скормлю форму боту в чистом виде. И он (бот) вам наваляет!
    – NoSkill
    11 июл 2020 в 20:35
0

Пример.

function submitFn() {
  console.log(`submit time: ${new Date()}`)
}
<form onsubmit="submitFn();return false">
  <div>
    форма ....
  </div>
  <button type="submit">submit</button>
</form>

5
  • Не будет работать. Попробуйте инициировать событие form.submit(); чтобы проверить попадаете ли вы в функцию submitFn()
    – Kot
    11 июл 2020 в 22:09
  • Ну так, нажмите воспроизвести код и нажмите кнопку submit 12 июл 2020 в 5:51
  • В вашем примере сперва идет событие click, которое инициирует submit. Click я могу перехватить и отменить если мне нужно. Сделовательно, событие submit не произойдет. Я же говорю о другой ситуации и не зря в вопросе разместил код document.getElementById('test-form').submit();. Мне нужно перехватить событие submit, которое было инициализировано с помощью триггера.
    – Kot
    12 июл 2020 в 9:20
  • Или я понять не могу или так написали: "перехватить событие submit для отмены действия браузера" В моем примере при сабмите переход не происходит. Выполняется функция которая выводит данные в консоль. 12 июл 2020 в 9:26
  • Нужно перехватить событие submit, которое было инициировано триггером document.getElementById('test-form').submit();
    – Kot
    12 июл 2020 в 10:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.