Metoda submit în jQuery

Anterior am folosit o construcție ca aceasta:

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

În loc de aceasta, putem folosi direct în jQuery metoda submit, care fie leagă un handler de formular, fie execută evenimentul:

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

În următorul exemplu avem o formă simplă, căreia îi vom lega un handler de evenimente folosind metoda submit, cu un câmp text și un buton - input de tipul submit:

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

Să introducem text în câmpul text, iar la apăsarea butonului să verificăm acest text. Dacă introducem 'jQuery', atunci în span vom afișa textul 'Good!', cu ajutorul metodelor text și show, iar dacă altceva, atunci - 'Bad...':

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