Submit-metoden i jQuery

Tidligere brugte vi en konstruktion som denne:

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

I stedet for dette kan vi i jQuery også direkte bruge metoden submit, som binder en formularbehandler eller udfører en begivenhed:

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

I det næste eksempel har vi en simpel formular, som vi vil binde en begivenhedshandler til ved hjælp af metoden submit, med et tekstfelt og en knap - et input med typen submit:

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

Lad os indtaste tekst i tekstfeltet, og ved tryk på knappen kontrollere denne tekst. Hvis vi indtaster 'jQuery', vil vi i span vise teksten 'Good!', ved hjælp af metoderne text og show, og hvis det er noget andet, så - 'Bad...':

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