Metoda submit w jQuery

Wcześniej używaliśmy takiej konstrukcji:

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

Zamiast tego możemy również w jQuery bezpośrednio skorzystać z metody submit, która wiąże handler formularza albo wykonuje zdarzenie:

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

W następnym przykładzie mamy prosty formularz, do którego podłączymy handler zdarzeń za pomocą metody submit, z polem tekstowym i przyciskiem - inputem z typem submit:

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

Wprowadzajmy tekst w pole tekstowe, a po naciśnięciu przycisku sprawdzajmy ten tekst. Jeśli wprowadzimy 'jQuery', to w spanie pokażemy tekst 'Good!', za pomocą metod text i show, a jeśli coś innego, to - 'Bad...':

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