Die submit-metode in jQuery

Voorheen het ons so 'n konstruksie gebruik:

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

In plaas daarvan kan ons ook direk in jQuery gebruik maak van die submit-metode, wat 'n vormverwerker koppel, of die gebeurtenis uitvoer:

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

In die volgende voorbeeld het ons 'n eenvoudige vorm, waaraan ons 'n gebeurtenisverwerker sal koppel met behulp van die submit-metode, met 'n teksveld en 'n knoppie - 'n invoer met tipe submit:

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

Kom ons voer teks in die teksveld in, en wanneer ons op die knoppie druk, kyk ons na hierdie teks. As ons 'jQuery' invoer, dan sal ons in die span die teks 'Good!' wys, met behulp van die metodes text en show, en as dit 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();
});