De submit-methode in jQuery

Eerder gebruikten we een constructie zoals deze:

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

In plaats daarvan kunnen we in jQuery ook direct gebruik maken van de submit-methode, die een formulierhandler bindt of de gebeurtenis activeert:

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

In het volgende voorbeeld hebben we een eenvoudig formulier, waaraan we een gebeurtenishandler zullen binden met behulp van de methode submit, met een tekstveld en een knop - een input met type submit:

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

Laten we tekst invoeren in het tekstveld, en bij het klikken op de knop deze tekst controleren. Als we 'jQuery' invoeren, tonen we in de span de tekst 'Good!', met behulp van de methoden text en show, en als het iets anders is, dan - 'Bad...':

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