Уроки по JavaScript | Отправка данных формы на сервер. Событие submit

Sdílet
Vložit
  • čas přidán 8. 09. 2024
  • Отправка данных формы: событие и метод submit webdiz.com.ua/g...
    Уроки по JavaScript для начинающих webdiz.com.ua/u...
    Подписывайтесь на мой телеграм канал bit.do/e8BuJ

Komentáře • 6

  • @romanmatrosov9863
    @romanmatrosov9863 Před 4 lety

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

    • @WebdizUa
      @WebdizUa  Před 4 lety

      Событие submit срабатывает при клике на кнопку с типом submit, а не на любой кнопке и факт успешной отправки можно как раз установить по кнопке с типом submit

    • @romanmatrosov9863
      @romanmatrosov9863 Před 4 lety

      @@WebdizUa я и говорю про эту кнопку - если у нас стоит например проверка корректности ввода email и пользователь вводит email некорректно, то при клике на кнопку отправка не происходит(выскакивает ошибка), но событие submit почему-то срабатывает.
      Мне интересно, можно ли отследить именно успешную отправку, исключая нажатия с выскакиванием ошибок типа "введите корректный адрес электронной почты"?
      Заранее благодарю)

    • @WebdizUa
      @WebdizUa  Před 4 lety +1

      @@romanmatrosov9863 Нет так не получится пока пользователь корректно не заполнит все поля отправка не произойдет для того чтобы отвязаться от стандартного события submit нужно передать в функцию обработчик события аргумент е и вызвать внутри функции e.preventDefault вот таким образом form.addEventListener("submit", function(e) { e.preventDefault(); }

    • @romanmatrosov9863
      @romanmatrosov9863 Před 4 lety

      @@WebdizUa а, только так.
      ладно, спасибо