Kaedah submit dalam jQuery

Sebelum ini, kami menggunakan konstruksi seperti ini:

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

Selain itu, dalam jQuery kita juga boleh menggunakan kaedah submit secara langsung, yang mengikat pengendali borang atau melaksanakan peristiwa:

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

Dalam contoh seterusnya, kami mempunyai borang mudah, yang akan kami ikat pengendali peristiwanya menggunakan kaedah submit, dengan medan teks dan tombol - input dengan jenis submit:

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

Mari kita masukkan teks ke dalam medan teks, dan apabila menekan tombol, semak teks ini. Jika kita memasukkan 'jQuery', maka dalam span kami akan tunjukkan teks 'Good!', dengan menggunakan kaedah 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();
});