submit მეთოდი jQuery-ში

ადრე ჩვენ ვიყენებდით ასეთ კონსტრუქციას:

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

ამის ნაცვლად, ჩვენ ასევე შეგვიძლია jQuery-ში პირდაპირ გამოვიყენოთ submit მეთოდი, რომელიც უკავშირდება ფორმის დამმუშავებელს, ან ასრულებს მოვლენას:

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

შემდეგ მაგალითში გვაქვს მარტივი ფორმა, რომელსაც ჩვენ დავუკავშირებთ მოვლენის დამმუშავებელს submit მეთოდის გამოყენებით, ტექსტური ველით და ღილაკით - ინპუტი ტიპით submit:

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();
});