Método submit no jQuery

Anteriormente, usávamos uma construção como esta:

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

Em vez disso, também podemos usar diretamente o método submit no jQuery, que vincula um manipulador ao formulário ou dispara o evento:

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

No próximo exemplo, temos um formulário simples, ao qual vincularemos um manipulador de eventos usando o método submit, com um campo de texto e um botão - um input do tipo submit:

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

Vamos inserir texto no campo de texto e, ao clicar no botão, verificar esse texto. Se inserirmos 'jQuery', mostraremos o texto 'Good!' no span, usando os métodos text e show, e se for algo diferente, então - 'Bad...':

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