Metod submit u jQuery

Ranije smo koristili ovakvu konstrukciju:

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

Umesto toga, takođe možemo direktno da iskoristimo metod submit u jQuery, koji vezuje rukovalac forme, ili izvršava događaj:

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

U sledećem primeru imamo jednostavnu formu, kojoj ćemo vezati rukovalac događaja pomoću metoda submit, sa tekstualnim poljem i dugmetom - input sa tipom submit:

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

Hajde da unosimo tekst u tekstualno polje, a pri pritisku na dugme proverimo taj tekst. Ako unesemo 'jQuery', onda u span-u pokažimo tekst 'Good!', pomoću metoda text i show, a ako nešto drugo, onda - 'Bad...':

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