Phương thức submit
Phương thức submit cho phép chúng ta làm việc với sự kiện JavaScript
submit. Nó cho phép chúng ta gắn
một trình xử lý vào sự kiện JavaScript submit hoặc
kích hoạt sự kiện này trên một phần tử.
Cú pháp
Chúng ta có thể truyền cho phương thức một hàm xử lý, hàm này sẽ được thực thi mỗi khi sự kiện xảy ra, và vào hàm đó có thể được truyền một đối tượng sự kiện:
.submit(hàm-xử-lý);
Trong trường hợp này, phương thức sẽ hoạt động tương tự
cấu trúc .on('submit', handler) của phương thức
on.
Cũng có thể truyền một tham số không bắt buộc là một đối tượng chứa dữ liệu, dữ liệu này sẽ được truyền vào hàm xử lý:
.submit([dữ liệu sự kiện], hàm-xử-lý);
Hoặc có thể không truyền bất kỳ tham số nào, khi đó
phương thức sẽ hoạt động tương tự .trigger('submit')
của phương thức trigger:
.submit();
Sự kiện submit xảy ra trên phần tử khi
người dùng, ví dụ, nhấn vào nút
'submit' trên biểu mẫu. Sự kiện này chỉ có thể
được đính kèm vào các phần tử thẻ form.
Sự kiện submit xảy ra trên phần tử khi
người dùng, ví dụ, nhấn vào nút
'submit' trên biểu mẫu. Sự kiện này chỉ có thể
được đính kèm vào các phần tử thẻ form.
Ví dụ
Trong ví dụ sau, chúng ta có một biểu mẫu đơn giản,
mà chúng ta sẽ gắn một trình xử lý sự kiệ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 - input với kiểu submit. Hãy
nhập văn bản vào trường văn bản, và khi nhấn vào
nút thì 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à thứ gì khác, thì - 'Bad...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
