Die submit-Methode in jQuery

Zuvor haben wir eine solche Konstruktion verwendet:

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

Anstattdessen können wir in jQuery auch direkt die Methode submit verwenden, die einen Event-Handler an das Formular bindet oder das Ereignis auslöst:

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

Im folgenden Beispiel haben wir ein einfaches Formular, an das wir einen Event-Handler mit der Methode submit binden werden, mit einem Textfeld und einem Button - einem Input mit dem Typ submit:

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

Lasst uns Text in das Textfeld eingeben, und beim Klicken auf den Button diesen Text prüfen. Wenn wir 'jQuery' eingeben, dann zeigen wir im Span den Text 'Good!' an, mit Hilfe der Methoden text und show, und wenn etwas anderes - dann 'Bad...':

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