Metoda submit në jQuery

Më parë kemi përdorur një konstrukt të tillë:

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

Në vend të kësaj, ne gjithashtu mund të përdorim direkt në jQuery metodën submit, e cila ose lidh një përpunues formularësh, ose ekzekuton ngjarjen:

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

Në shembullin e mëposhtëm kemi një formë të thjeshtë, së cilës do t'i lidhim një përpunues ngjarjesh duke përdorur metodën submit, me një fushë teksti dhe një buton - input me tipin submit:

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

Le të vendosim tekst në fushën e tekstit, dhe kur të shtypim butonin të kontrollojmë këtë tekst. Nëse vendosim 'jQuery', atëherë në span do të tregojmë tekstin 'Good!', me ndihmën e metodave text dhe show, por nëse diçka tjetër, atëherë - 'Bad...':

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