Gửi biểu mẫu qua JavaScript
Có thể gửi biểu mẫu một cách cưỡng bức thông qua JavaScript. Hãy xem cách thực hiện điều này. Giả sử chúng ta có một biểu mẫu và một nút bấm, chúng ta muốn gửi biểu mẫu khi nhấp vào nút đó:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>gửi</button>
Lấy tham chiếu đến các phần tử của chúng ta vào các biến:
let form = document.querySelector('form');
let button = document.querySelector('button');
Gắn trình xử lý sự kiện nhấp chuột vào nút:
button.addEventListener('click', function(event) {
});
Khi nhấp vào nút, thực hiện gửi biểu mẫu
bằng phương thức submit:
button.addEventListener('click', function(event) {
form.submit();
});
Cho một biểu mẫu có ba phần tử nhập liệu. Hãy tạo một liên kết, khi nhấp vào sẽ thực hiện gửi biểu mẫu đó.