jQuery-da submit metodi

Ilgari biz quyidagi konstruksiyadan foydalanganmiz:

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

Buning o'rniga, biz jQuery-da to'g'ridan-to'g'ri submit metodidan ham foydalanishimiz mumkin, u forma uchun ishlovchini bog'laydi yoki hodisani bajaradi:

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

Quyidagi misolda bizda oddiy forma mavjud, unga biz submit metodi yordamida hodisa ishlovchisini bog'laymiz, matn maydoni va tugma - submit turidagi input bilan:

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

Keling, matn maydoniga matn kiritamiz, tugmani bosganimizda esa shu matnni tekshiramiz. Agar biz 'jQuery' kiritsak, span ichida 'Good!' matnini ko'rsatamiz, text va show metodlari yordamida, agar boshqa narsa kiritsak, u holda - 'Bad...':

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