jQuery-däki submit metodu

Öň biz şuňa meňzeş gurluşy ulanypdyk:

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

Şonuň ýerine biz jQuery-de göni submit metodyny hem ulanup bileris, ýöne bu metod forma işleýjini birikdirýär ýa-da wakany ýerine ýetirýär:

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

Aşakdaky mysalda bizde ýönekeý forma bar, ona biz submit metody kömegi bilen waka işleýjini birikdireris, tekstiň meýdany we düwme - görnüşi submit bolan input bilen:

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

Geliň tekstiň meýdanyna tekst ýazyşdyryp, düwmä basylanda şu teksti barlap göreli. Eger biz 'jQuery' ýazsak, onda span-da 'Good!' tekstini görkezeris, text we show metodlarynyň kömegi bilen, ýöne başga bir zat bolsa, onda - 'Bad...':

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