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' енгізсек, онда 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();
});