jQuery-ի submit մեթոդը

Նախկինում մենք օգտագործում էինք այսպիսի կոնստրուկցիա.

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', ապա սպանում ցույց կտանք '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();
});