Método submit no jQuery

Anteriormente, usávamos uma construção como esta:

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

Em vez disso, também podemos usar diretamente o método submit no jQuery, que vincula um manipulador ao formulário ou dispara o evento:

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

No próximo exemplo, temos um formulário simples, ao qual vincularemos um manipulador de eventos usando o método submit, com um campo de texto e um botão - um input do tipo submit:

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

Vamos inserir texto no campo de texto e, ao clicar no botão, verificar esse texto. Se inserirmos 'jQuery', mostraremos o texto 'Good!' no span, usando os métodos text e show, e se for algo diferente, então - 'Bad...':

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