jQuery-də submit metodu

Əvvəllər biz belə bir konstruksiyadan istifadə edirdik:

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

Bunun əvəzinə, biz jQuery-də birbaşa olaraq submit metodundan da istifadə edə bilərik, Hansı ki, formaya işləyici təyin edir, ya da hadisəni icra edir:

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

Aşağıdakı nümunədə bizim sadə bir formamız var, Hansı ki, biz ona submit metodu vasitəsilə bir hadisə işləyicisi bağlayacığıq, mətn sahəsi və tipi submit olan düymə - input ilə:

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

Gəlin mətn sahəsinə mətn daxil edək, və düyməni basdıqda bu mətni yoxlayaq. Əgər biz 'jQuery' daxil etsək, onda span-da 'Good!' mətnini göstərəcəyik, text və show metodlarının köməyi ilə, əgər başqa bir şey olarsa, onda - 'Bad...':

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