Método submit en jQuery

Anteriormente usábamos esta construcción:

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

En lugar de esto, en jQuery también podemos usar directamente el método submit, que vincula un manejador al formulario o ejecuta el evento:

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

En el siguiente ejemplo tenemos un formulario simple, al que vincularemos un manejador de eventos usando el método submit, con un campo de texto y un botón - un input de tipo submit:

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

Introduzcamos texto en el campo de texto, y al hacer clic en el botón verifiquemos este texto. Si introducimos 'jQuery', entonces en el span mostraremos el texto 'Good!', usando los métodos text y show, y si es algo diferente, entonces - 'Bad...':

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