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();
});