A submit metódus jQuery-ben

Korábban ilyen konstrukciót használtunk:

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

Ehelyett közvetlenül is használhatjuk a jQuery submit metódusát, amely vagy eseménykezelőt köt egy űrlaphoz, vagy elvégzi az eseményt:

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

A következő példában van egy egyszerű űrlapunk, amelyhez eseménykezelőt kötünk a submit metódus segítségével, egy szövegmezővel és egy gombbal - egy submit típusú inputtal:

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

Gépeljünk be szöveget a szövegmezőbe, és a gomb megnyomásakor ellenőrizzük ezt a szöveget. Ha a 'jQuery' szöveget írjuk be, akkor a span elemben megjelenítjük a 'Good!' szöveget, a text és a show metódusok segítségével, ha pedig valami mást, akkor a 'Bad...' szöveget:

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