Метод submit

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

Синтаксис

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

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

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

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

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

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

javascript.submit();

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

Пример

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

html<p>jQuery</p>
<form action="/">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>

javascript$('form').submit(function(event) {
  event.preventDefault();

  if ($('input').first().val() === 'jQuery') {
    $('span').text('Good!').show();
    return;
  }

  $('span').text('Bad...').show();
});

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