Làm cách nào để gọi hàm JavaScript sau khi gửi biểu mẫu?
Trong một biểu mẫu HTML, thuộc tính Để bắt đầu, hãy tạo một tệp HTML và dán biểu mẫu sau vào phần thân của nó
Đánh dấu ở trên dành cho biểu mẫu đơn giản có hai trường và nút gửi. Chúng tôi đã đặt một trình lắng nghe Thêm kiểu CSS sau
Thêm JavaScript sau vào tệp
Ở trên, chúng tôi chỉ định tham chiếu biểu mẫu được truyền cho biến 0. Sau đó, chúng tôi đặt thuộc tính action của nó với 2. Điều này sẽ dẫn đến hành động của biểu mẫu được đặt thành 3. 4 sẽ là URL mà tệp HTML đang chạy trên đó. Để kiểm tra xem hành động đã được đặt chưa, chúng tôi hiển thị giá trị của nó trong hộp cảnh báo. Sau đó, hàm trả về 5 để ngăn không cho biểu mẫu được gửi. Điều này được bao gồm trong mã demo vì trang 6 không tồn tại, nhưng trong một ứng dụng thực tế, bạn sẽ muốn gửi biểu mẫuTiếp theo, chúng ta sẽ xem xét một ví dụ khác trong đó hành động của biểu mẫu sẽ được đặt tùy thuộc vào nút được sử dụng để gửi biểu mẫu Bạn có thể thêm phần sau vào tệp HTML
Mẫu trên có hai nút đã được thiết lập với 7 người nghe. Mỗi người nghe thực hiện cuộc gọi đến một nút khác nhau khi được nhấpThêm JavaScript sau vào tệp
8 được gọi khi nhấp vào nút Đăng nhập. Hàm đặt 9 làm giá trị của thuộc tính hành động của biểu mẫu. Trong ví dụ này, chúng tôi nhận được một tham chiếu đến biểu mẫu với 0. Để điều này hoạt động, thuộc tính 1 của biểu mẫu phải được đặt thành 2. Sau khi đặt thuộc tính hành động, chúng tôi cảnh báo giá trị và trả về 5 do đó ngăn việc gửi biểu mẫu 4 được gọi khi nhấp vào nút Đăng ký và nó đặt 5 làm hành động của biểu mẫu
Làm cách nào để gọi hàm JavaScript khi trang được tải?Cách đầu tiên để gọi một hàm khi tải trang là sử dụng sự kiện tải bên trong thẻ . Như bạn đã biết, phần thân HTML chứa toàn bộ nội dung của trang web và khi tất cả phần thân HTML tải trên trình duyệt web, nó sẽ gọi hàm từ JavaScript.
Điều gì xảy ra khi một biểu mẫu được gửi bằng JavaScript?Mỗi khi biểu mẫu được gửi, hàm saveform() sẽ lưu dữ liệu biểu mẫu trong trình duyệt . Điều này tạo ra một nút mới, có nhãn xuất, ngoài nút gửi đã có trong biểu mẫu. |