Phương thức submit trong jQuery

Trước đây chúng ta đã sử dụng cấu trúc như sau:

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

Thay vào đó, trong jQuery chúng ta cũng có thể trực tiếp sử dụng phương thức submit, phương thức này gắn trình xử lý sự kiện cho biểu mẫu, hoặc kích hoạt sự kiện:

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

Trong ví dụ tiếp theo chúng ta có một biểu mẫu đơn giản, mà chúng ta sẽ gắn trình xử lý sự kiện cho nó bằng cách sử dụng phương thức submit, với một trường văn bản và một nút bấm - input với kiểu submit:

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

Hãy nhập văn bản vào trường văn bản, và khi nhấn vào nút bấm sẽ kiểm tra văn bản này. Nếu chúng ta nhập 'jQuery', thì trong thẻ span sẽ hiển thị văn bản 'Good!', bằng cách sử dụng các phương thức text và show, còn nếu là nội dung khác, thì sẽ hiển thị 'Bad...':

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