Submit-metodi jQueryssä

Aikaisemmin käytimme seuraavaa rakennetta:

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

Tämän sijasta voimme jQueryssä myös suoraan hyödyntää submit- metodia, joka joko sitoo lomakkeen käsittelijän tai suorittaa tapahtuman:

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

Seuraavassa esimerkissä meillä on yksinkertainen lomake, johon sidomme tapahtumankäsittelijän käyttäen submit-metodia, tekstikentällä ja painikkeella - input-tyyppiä submit:

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

Annetaan tekstia tekstikenttään, ja painiketta painettaessa tarkistetaan tämä teksti. Jos syötämme 'jQuery', niin span-elementissä näytämme tekstin 'Good!', käyttäen metodeja text ja show, ja jos jotain muuta, niin - 'Bad...':

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