Submit-metoden i jQuery

Tidligere brukte vi en slik konstruksjon:

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

I stedet for dette kan vi også i jQuery direkte bruke submit-metoden, som binder en form-håndterer, eller utfører en hendelse:

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

I det neste eksemplet har vi en enkel form, som vi vil binde en hendelseshåndterer til ved hjelp av submit-metoden, med et tekstfelt og en knapp - en input med type submit:

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

La oss skrive tekst i tekstfeltet, og ved trykk på knappen sjekke denne teksten. Hvis vi skriver 'jQuery', vil vi i span-en vise teksten 'Good!', ved hjelp av metodene text og show, og hvis noe annet, så - 'Bad...':

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