Η μέθοδος submit στο jQuery

Προηγουμένως χρησιμοποιούσαμε την ακόλουθη κατασκευή:

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

Αντί για αυτό, μπορούμε επίσης στο jQuery να χρησιμοποιήσουμε απευθείας τη μέθοδο submit, η οποία δένεται με έναν χειριστή φόρμας, ή εκτελεί γεγονός:

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

Στο επόμενο παράδειγμα έχουμε μια απλή φόρμα, στην οποία θα δέσουμε έναν χειριστή γεγονότων χρησιμοποιώντας τη μέθοδο submit, με ένα πεδίο κειμένου και ένα κουμπί - input με τύπο submit:

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

Ας εισάγουμε κείμενο στο πεδίο κειμένου, και όταν πατηθεί το κουμπί να ελέγχουμε αυτό το κείμενο. Αν εισάγουμε 'jQuery', τότε στο span θα εμφανίσουμε το κείμενο 'Good!', με τη βοήθεια των μεθόδων text και show, και αν κάτι άλλο, τότε - 'Bad...':

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