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:
.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:
.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:
.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...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
