JavaScript

submit 이벤트 수정 시 유의사항

hojomu 2023. 4. 27. 14:49

form 태그 내부에 있던 submit 버튼을 눌렀을 때, 

여러가지 작업을 진행한 후 form을 submit 하려고 했다.

이 과정에서 Uncaught TypeError: appointmentForm.submit is not a function 에러가 발생했다.

 

jsp

사용된 form 태그
submit 버튼

js

 

> 처음에는 .submit() 함수에 Uncaught TypeError 가 발생해서 form 태그를 잘못 가져온 줄 알았다.

 

하지만, 사용하고자 하는 버튼의 타입은 submit인데, js에서 click 이벤트를 줘서 발생한 에러였다.

 - 다음과 같이 이벤트의 종류를 submit으로 바꾸고 나니, .submit() 메소드가 실행된다.

 

** 기본적으로 이벤트를 가지고 있는 요소의 이벤트 내용을 바꾸고싶다면, 다음과 같이 이벤트의 이름을 동일하게 설정하도록 하자.