Metoda submit v jQuery

Dříve jsme používali takovou konstrukci:

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

Místo toho můžeme také v jQuery přímo použít metodu submit, která váže obslužnou rutinu pro formulář, nebo vykoná událost:

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

V následujícím příkladu máme jednoduchý formulář, ke kterému navážeme obslužnou rutinu události pomocí metody submit, s textovým polem a tlačítkem - inputem s typem submit:

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

Budeme zadávat text do textového pole a při stisknutí tlačítka kontrolovat tento text. Pokud zadáme 'jQuery', zobrazíme ve spanu text 'Good!', pomocí metod text a show, a pokud něco jiného, tak - 'Bad...':

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