Metoden submit i jQuery

Tidigare använde vi följande konstruktion:

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

Istället för detta kan vi i jQuery också direkt använda metoden submit, som binder en hanterare till formuläret, eller utför händelsen:

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

I nästa exempel har vi ett enkelt formulär, som vi kommer att binda en händelsehanterare till med hjälp av metoden submit, med ett textfält och en knapp - en input med typen submit:

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

Låt oss skriva text i textfältet, och när vi klickar på knappen kontrollerar vi denna text. Om vi skriver 'jQuery', kommer vi visa texten 'Good!' i span-elementet, med hjälp av metoderna text och show, och om det är något annat, då - 'Bad...':

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