Усули 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'-ро ворид кунем, пас дар спан матни '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();
});