Gửi biểu mẫu đầu vào tới JavaScript

Sự miêu tả. Liên kết trình xử lý sự kiện với sự kiện JavaScript "gửi" hoặc kích hoạt sự kiện đó trên một phần tử

• đã thêm phiên bản. 1. 0 . gửi( xử lý )

  • xử lý

    Loại. Hàm( Sự kiện eventObject )

    Một chức năng để thực thi mỗi khi sự kiện được kích hoạt

• đã thêm phiên bản. 1. 4. 3 . gửi ( [dữ liệu sự kiện ], trình xử lý )

  • dữ liệu sự kiện

    Loại. Bất cứ điều gì

    Một đối tượng chứa dữ liệu sẽ được chuyển đến trình xử lý sự kiện

  • xử lý

    Loại. Hàm( Sự kiện eventObject )

    Một chức năng để thực thi mỗi khi sự kiện được kích hoạt

• đã thêm phiên bản. 1. 0 . gửi()

  • Chữ ký này không chấp nhận bất kỳ đối số

Phương pháp này là một phím tắt cho .on( "submit", handler ) trong biến thể đầu tiên và .trigger( "submit" ) trong biến thể thứ ba

Sự kiện

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

0 được gửi đến một phần tử khi người dùng đang cố gắng gửi biểu mẫu. Nó chỉ có thể được gắn vào các phần tử

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

1. Biểu mẫu có thể được gửi bằng cách nhấp vào một

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

0,

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

1 hoặc

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

2 rõ ràng hoặc bằng cách nhấn Enter khi các thành phần biểu mẫu nhất định có tiêu điểm

Tùy thuộc vào trình duyệt, phím Enter chỉ có thể gửi biểu mẫu nếu biểu mẫu có chính xác một trường văn bản hoặc chỉ khi có nút gửi. Giao diện không nên dựa vào một hành vi cụ thể đối với phím này trừ khi sự cố bắt buộc bằng cách quan sát sự kiện nhấn phím đối với các lần nhấn phím Enter

Ví dụ, hãy xem xét HTML

1

2

3

4

5

6

7

<form id="target" action="destination.html">
  <input type="text" value="Hello there">
  <input type="submit" value="Go">
form>
<div id="other">
  Trigger the handler
div>

Trình xử lý sự kiện có thể được liên kết với biểu mẫu

1

2

3

4

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

Bây giờ khi biểu mẫu được gửi, thông báo sẽ được cảnh báo. Điều này xảy ra trước khi gửi thực tế, vì vậy chúng tôi có thể hủy hành động gửi bằng cách gọi

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

3 trên đối tượng sự kiện hoặc bằng cách trả lại

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

4 từ trình xử lý của chúng tôi. Chúng tôi có thể kích hoạt sự kiện theo cách thủ công khi một phần tử khác được nhấp vào

1

2

3

$( "#other" ).click(function() {
  $( "#target" ).submit();
});

Sau khi mã này thực thi, nhấp vào Trigger trình xử lý cũng sẽ hiển thị thông báo. Ngoài ra, hành động

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

0 mặc định trên biểu mẫu sẽ bị hủy, vì vậy biểu mẫu sẽ được gửi

Sự kiện JavaScript

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

0 không bong bóng trong Internet Explorer. Tuy nhiên, các tập lệnh dựa vào ủy quyền sự kiện với sự kiện

$( "#target" ).submit(function( event ) {
  alert( "Handler for .submit() called." );
  event.preventDefault();
});

0 sẽ hoạt động nhất quán trên các trình duyệt kể từ jQuery 1. 4, đã bình thường hóa hành vi của sự kiện

Làm cách nào để gửi dữ liệu từ biểu mẫu tới JavaScript?

Làm cách nào để lấy đầu vào từ biểu mẫu trong JavaScript?

Làm cách nào để gửi JavaScript đầu vào?

Làm cách nào để gửi dữ liệu từ HTML sang JavaScript?