การส่งฟอร์มผ่าน JavaScript

คุณสามารถบังคับส่งฟอร์มผ่าน JavaScript ได้ มาดูกันว่าทำอย่างไร สมมติว่าคุณมีฟอร์มและปุ่มบางปุ่ม ที่เราต้องการส่งฟอร์มเมื่อคลิก:

public/form.html<form action="/handler/" method="POST">
  <input name="test1">
  <input name="test2">
</form>

<button>ส่ง</button>

รับลิงก์ไปยังองค์ประกอบของเราในตัวแปร:

public/script.jslet form   = document.querySelector('form');
let button = document.querySelector('button');

เพิ่มตัวจัดการเหตุการณ์คลิกให้กับปุ่ม:

public/script.jsbutton.addEventListener('click', function(event) {
  
});

เมื่อคลิกปุ่ม ให้ทำการส่งฟอร์ม ผ่านเมธอด submit:

public/script.jsbutton.addEventListener('click', function(event) {
  form.submit();
});