Методот submit во jQuery

Претходно користевме ваква конструкција:

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

Наместо ова, можеме директно да го искористиме методот submit во jQuery, кој или ја врзува обработувачката функција за формата, или ја извршува настанот:

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();
});