การส่งฟอร์มผ่าน JavaScript
คุณสามารถบังคับส่งฟอร์มผ่าน JavaScript ได้ มาดูกันว่าทำอย่างไร สมมติว่าคุณมีฟอร์มและปุ่มบางปุ่ม ที่เราต้องการส่งฟอร์มเมื่อคลิก:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>ส่ง</button>
รับลิงก์ไปยังองค์ประกอบของเราในตัวแปร:
let form = document.querySelector('form');
let button = document.querySelector('button');
เพิ่มตัวจัดการเหตุการณ์คลิกให้กับปุ่ม:
button.addEventListener('click', function(event) {
});
เมื่อคลิกปุ่ม ให้ทำการส่งฟอร์ม
ผ่านเมธอด submit:
button.addEventListener('click', function(event) {
form.submit();
});
กำหนดฟอร์มที่มีอินพุตสามช่อง สร้างลิงก์ ที่จะส่งฟอร์มนี้เมื่อคลิก