Metoda submit v jQuery

Prej smo uporabili takšno konstrukcijo:

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

Namesto tega lahko v jQuery neposredno uporabimo metodo submit, ki veže obravnavalec obrazca ali izvede dogodek:

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

V naslednjem primeru imamo preprost obrazec, ki mu bomo pripeli obravnavalec dogodkov s pomočjo metode submit, z besedilnim poljem in gumbom - vnosom s tipom submit:

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

Vnesimo besedilo v besedilno polje, ob pritisku na gumb pa preverimo to besedilo. Če vnesemo 'jQuery', bomo v span prikazali besedilo 'Good!', s pomočjo metod text in show, če pa kaj drugega, potem - 'Bad...':

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