Metodo submit in jQuery

In precedenza abbiamo utilizzato questa costruzione:

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

Invece di questo, in jQuery possiamo anche utilizzare direttamente il metodo submit, che associa un gestore al form, oppure esegue l'evento:

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

Nel prossimo esempio abbiamo un semplice form, a cui assoceremo un gestore di eventi utilizzando il metodo submit, con un campo di testo e un pulsante - input con tipo submit:

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

Inseriamo il testo nel campo di testo, e quando clicchiamo sul pulsante controlliamo questo testo. Se inseriamo 'jQuery', allora nello span mostreremo il testo 'Good!', con l'aiuto dei metodi text e show, e se è qualcos'altro, allora - 'Bad...':

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