Método submit en jQuery

Anteriormente usábamos esta construcción:

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

En lugar de esto, en jQuery también podemos usar directamente el método submit, que vincula un manejador al formulario o ejecuta el evento:

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

En el siguiente ejemplo tenemos un formulario simple, al que vincularemos un manejador de eventos usando el método submit, con un campo de texto y un botón - un input de tipo submit:

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

Introduzcamos texto en el campo de texto, y al hacer clic en el botón verifiquemos este texto. Si introducimos 'jQuery', entonces en el span mostraremos el texto 'Good!', usando los métodos text y show, y si es algo diferente, entonces - 'Bad...':

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