Метод submit в jQuery

По-рано използвахме такава конструкция:

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

Вместо това можем и директно в jQuery да използваме метода submit, който или свързва обработчик на формата, или изпълнява събитието:

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

В следващия пример имаме проста форма, към която ще свържем манипулатор на събития с помощта на метода submit, с текстово поле и бутон - инпут с тип submit:

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

Нека въвеждаме текст в текстовото поле, а при натискане на бутона проверяваме този текст. Ако въведем 'jQuery', тогава в спана показваме текста 'Good!', с помощта на методите text и show, а ако е нещо друго, тогава - 'Bad...':

javascript$('form').submit(function(event) {
  event.preventDefault();
    if ($('input').first().val() === 'jQuery') {
      $('span').text('Good!').show();
      return;
    }
  $('span').text('Bad...').show();
});