jQueryдеги submit методу

Мурун биз төмөнкү конструкцияны колдонгонбуз:

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

Булнун ордуна, биз jQueryде түздөн-түз submit методун колдонсок болот, ал формага иштеткичти байланыштырат, же болбосо окуяны аткарат:

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

Төмөнкү мисалда бизде жөнөкөй форма бар, ага биз submit методунун жардамы менен окуя иштеткичин байланыштырабыз, текст талаасы жана submit тибиндеги баскыч - input менен:

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

Келгиле, текст талаасына текст киргизип, баскычты басканда бул текстти текшерейли. Эгер биз 'jQuery' киргизсек, анда spanда 'Good!' текстин көрсөтөбүз, text жана show методдорунун жардамы менен, эгер башка нерсе киргизилсе, анда - 'Bad...':

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