Méthode submit dans jQuery

Précédemment, nous utilisions une construction comme celle-ci :

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

Au lieu de cela, nous pouvons également utiliser directement dans jQuery la méthode submit, qui attache un gestionnaire au formulaire, ou déclenche l'événement :

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

Dans l'exemple suivant, nous avons un formulaire simple, auquel nous attacherons un gestionnaire d'événements en utilisant la méthode submit, avec un champ texte et un bouton - un input de type submit :

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

Saisissons du texte dans le champ texte, et lors du clic sur le bouton, vérifions ce texte. Si nous saisissons 'jQuery', alors nous afficherons le texte 'Good!' dans le span, à l'aide des méthodes text et show, et si c'est autre chose, alors - 'Bad...' :

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