Metóda submit v jQuery

Predtým sme používali takúto konštrukciu:

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

Namiesto toho môžeme v jQuery priamo použiť metódu submit, ktorá pripája obslužný program formulára, alebo vykoná udalosť:

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

V nasledujúcom príklade máme jednoduchý formulár, ku ktorému pripojíme obslužný program udalostí pomocou metódy submit, s textovým poľom a tlačidlom - inputom s typom submit:

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

Vkladajme text do textového poľa a pri kliknutí na tlačidlo skontrolujme tento text. Ak zadáme 'jQuery', tak v spane zobrazíme text 'Good!', pomocou metód text a show, a ak niečo iné, tak - 'Bad...':

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