submit

Событие submit возникает, когда пользователь отправляет валидную форму. Если форма невалидна и её нельзя отправить, то и submit не будет.

На submit можно подписаться и отреагировать, например, сказать спасибо:

        
          
          document.addEventListener('submit', function () {  alert('Спасибо, что заполнили форму!')})
          document.addEventListener('submit', function () {
  alert('Спасибо, что заполнили форму!')
})

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Пользователь может отправить форму (и создать для нас событие submit) разными способами. Например, нажать клавишу Enter внутри поля <input> или кликнуть по кнопке <button>.

Если мы вытащим, например, кнопку <button> из формы, то событие submit при клике на кнопку уже не произойдёт, потому что связи с формой больше нет. В то же время, нажатие Enter внутри поля <input> будет работать.

        
          
          <div>  <form>    <label for="input-field">Нажмите Enter в поле:</label>    <input id="input-field" type="text">  </form></div><div>  <button>Или кликните тут</button></div>
          <div>
  <form>
    <label for="input-field">Нажмите Enter в поле:</label>
    <input id="input-field" type="text">
  </form>
</div>
<div>
  <button>Или кликните тут</button>
</div>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          document.addEventListener('submit', function () {  alert('Случился submit')})
          document.addEventListener('submit', function () {
  alert('Случился submit')
})

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

        
          
          const button = document.getElementById('submit-button')button.addEventListener('click', function (event) {    alert(`Событие поймано на ${event.currentTarget}`)})
          const button = document.getElementById('submit-button')

button.addEventListener('click', function (event) {
    alert(`Событие поймано на ${event.currentTarget}`)
})

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать