Metode submit di jQuery

Sebelumnya kita menggunakan konstruksi seperti ini:

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

Selain itu, kita juga bisa langsung menggunakan metode submit di jQuery, yang mengikat penangan formulir atau menjalankan peristiwa:

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

Dalam contoh berikut, kita memiliki formulir sederhana, yang akan kita ikat penangan peristiwanya menggunakan metode submit, dengan bidang teks dan tombol - input dengan tipe submit:

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

Mari kita masukkan teks ke dalam bidang teks, dan saat menekan tombol, periksa teks ini. Jika kita memasukkan 'jQuery', maka di span kita akan tampilkan teks 'Good!', dengan menggunakan metode text dan show, dan jika sesuatu yang lain, maka - 'Bad...':

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