Метод 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();
});