Hướng dẫn submit form javascript onclick
The best wayThe best way is to insert an appropriate input tag: Show
The best JS way
Enclose the latter JavaScript code by an
The easy, not recommandable way (the former answer)Add an
All waysWhatever way you choose, you have call You also have to bind such an event handler, which calls
Now, we come to the point at which you have to decide for the UI element which triggers the submit() call.
Apply the aforementioned techniques in order to add an event listener. Trong bài này mình sẽ giới thiệu đến các bạn sự kiện submit form trong Javascript, đây là sự kiện giúp bạn kiểm soát được hành động submit form của người dùng khi họ click vào button submit. Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Khi gửi dữ liệu lên server thì thường ta phải kiểm tra định dạng dữ liệu mà người dùng nhập vào có phù hợp hay không, điều này giúp giảm tải ở phía server trong một số trường hợp. Ví dụ bạn tạo một form login, nếu bạn không dùng Javascript để yêu cầu người dùng nhập đủ thông tin tên đăng nhập và mật khẩu thì rất dễ bị họ submit liên tục, điều này tạo ra một sức ép về phía server. Đương nhiên phía server phải rtải qua một bước validate data nữa rồi mới cập nhật vào cơ sở dữ liệu. 1. Khai báo sự kiện submit bằng thẻ HTML formThẻ HTML form có sự kiện onsubmit, đây chính là nơi mà bạn gọi đến hàm xử lý trước khi hành động submit xảy ra. Bài viết này được đăng tại [free tuts .net] Lưu ý rằng hàm validate phải trả về kiểu boolean nhé:
Bạn hãy thử tạo một input submit bên trong thẻ form, sau đó thiết lập code ở onsubmit là Nhưng khi bạn đổi sang
2. Gọi đến một hàm Javascript khi submitCó ba cách để gọi đến một hàm Javascript khi submit form như sau. Cách 1: Sử dụng HTML như ở phần 1. 3. Dùng Javascript để submit formNgoài cách sử dụng một thẻ input submit thì bạn cũng có thể sử dụng Javascript để thực hiện một hành động submit form. Giả sử mình có thẻ input button như sau: Nếu click vào button này thì sẽ không xảy ra sự kiện submit form, bởi đây là một button chứ khong phải button submit. Bây giờ ta sẽ bổ đoạn code khi click vào button đó thì gọi đến phương thức submit() của form để kích hoạt sự kiện. Bạn hãy thử click vào button thì sẽ thấy xảy ra sự kiện submit form. Như vậy là mình đã hướng dẫn xong cách sử dụng Javascript để submit form, cũng như các thao tác thường gặp khi làm việc với form trong Javascript. |