TIL - 20220910

 오늘은 모던 JavaScript 튜토리얼에서 submit 이벤트와 메서드에 대해 공부했다. 작성한 질문은 다음과 같다.

 submit 이벤트는 폼을 제출할 때, 트리거 되며 폼을 제출하기 전에 검증하는 과정을 거치거나 폼 전송을 취소할 때 submit 이벤트를 주로 사용한다.

 

 폼을 전송하는 방법으로는 두 가지 방법이 있다.

1. input 필드에서 Enter 키 누르기
2. <input type="submit">이나 <input type="image"> 클릭하기

이런 방식으로 폼을 전송하면 submit 이벤트가 트리거 되며 사용자가 설정한 이벤트 핸들러가 실행되고 이벤트 핸들러에 에러 검증 과정이 있으면 에러를 출력하고 event.preventDefault()를 호출한다.

 

 form.submit() 메서드는 순수 자바스크립트만으로 폼 전송을 하고 싶은 경우에 사용한다. submit() 메서드는 동적으로 폼을 생성하며 서버에 보내고자 할 때 사용한다.