# Метод submit

Метод ⁅с⁆submit⁅/с⁆ позволяет нам работать с JavaScript событием ⁅с⁆submit⁅/с⁆. Он позволяет нам привязывать обработчик к JavaScript событию ⁅с⁆submit⁅/с⁆ или запускать это событие на элементе.

## Синтаксис

Мы можем передать методу функцию-обработчик, которая будет срабатывать каждый раз при появлении события, в которую в свою очередь может передаваться объект события:

`.submit(функция-обработчик);`

В этом случае метод будет работать аналогично конструкции `.on('submit', handler)` метода `on`.

Также необязательным параметром мы можем передать методу объект с данными, которые будут передаваться в функцию-обработчик:

`.submit([данные события], функция-обработчик);`

А можно не передавать никаких параметров, тогда метод будет работать аналогично `.trigger('submit')` метода `trigger`:

`.submit();`

Событие ⁅с⁆submit⁅/с⁆ возникает на элементе, когда пользователь, к примеру, нажимает на кнопку `'submit'` на форме. Это событие может быть прикреплено только к элементам тега ⁅с⁆form⁅/с⁆. Событие ⁅с⁆submit⁅/с⁆ возникает на элементе, когда пользователь, к примеру, нажимает на кнопку `'submit'` на форме. Это событие может быть прикреплено только к элементам тега ⁅с⁆form⁅/с⁆.

## Пример

В следующем примере у нас есть простая форма, к которой мы привяжем обработчик событий при помощи метода `submit`, с текстовым полем и кнопкой - инпутом с типом `submit`. Давайте будем вводит текст в текстовое поле, а при нажатии на кнопку проверять этот текст. Если мы введем `'jQuery'`, то в спане покажем текст `'Good!'`, с помощью методов `text` и `show`, а если что-то другое, то - `'Bad...'`:

`<p>jQuery</p> <form action="/"> <div> <input type="text"> <input type="submit"> </div> </form> <span></span>` `$('form').submit(function(event) { event.preventDefault(); if ($('input').first().val() === 'jQuery') { $('span').text('Good!').show(); return; } $('span').text('Bad...').show(); });`

## Смотрите также

- метод `trigger`,
  который позволяет запустить все обработчики событий, привязанные к элементу для событий заданного типа
- метод `on`,
  который позволяет привязать обработчик событий к элементу

← →
↑