Metodo submit

Il metodo submit ci permette di lavorare con l'evento JavaScript submit. Esso ci consente di associare un gestore all'evento JavaScript submit o di attivare questo evento su un elemento.

Sintassi

Possiamo passare al metodo una funzione gestore, che verrà eseguita ogni volta che si verifica l'evento, e alla quale può a sua volta essere passato l'oggetto evento:

javascript.submit(funzione_gestore);

In questo caso, il metodo funzionerà in modo analogo alla costruzione .on('submit', handler) del metodo on.

Possiamo anche passare opzionalmente al metodo un oggetto con i dati che verranno passati alla funzione gestore:

javascript.submit([dati evento], funzione_gestore);

Oppure non passare alcun parametro, in tal caso il metodo funzionerà in modo analogo a .trigger('submit') del metodo trigger:

javascript.submit();

L'evento submit si verifica su un elemento quando l'utente, ad esempio, preme un pulsante 'submit' su un modulo. Questo evento può essere associato solo a elementi del tag form. L'evento submit si verifica su un elemento quando l'utente, ad esempio, preme un pulsante 'submit' su un modulo. Questo evento può essere associato solo a elementi del tag form.

Esempio

Nell'esempio seguente abbiamo un modulo semplice, a cui assoceremo un gestore di eventi utilizzando il metodo submit, con un campo di testo e un pulsante - un input di tipo submit. Inseriamo del testo nel campo di testo e, alla pressione del pulsante, verifichiamo questo testo. Se inseriamo 'jQuery', nello span mostreremo il testo 'Good!', utilizzando i metodi text e show, se invece è qualcos'altro, allora - 'Bad...':

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

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

  if ($('input').first().val() === 'jQuery') {
    $('span').text('Good!').show();
    return;
  }

  $('span').text('Bad...').show();
});

Vedi anche