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();
});
세 개의 입력 필드가 있는 양식이 주어졌습니다. 클릭하면 이 양식의 전송이 발생하는 링크를 만드세요.
