submit is not a function

octofox1357·2021년 11월 16일
0

개발일지

목록 보기
5/6

삭제 프로세스를 작업 중이었는데, 리스트로 된 항목들을 개별 선택해서 form으로 전송하는 작업을 했다.

모달 창을 덧 씌우느라 방식이 조금은 특이했다.

전체 선택 기능과 form 전송 기능을 자바스크립트로 구현해야 했다.

submit is not a function 이란 에러가 나타났다.
보니까 form 내부에 type="submit" 형식의 엘리먼트가 있으면 자바스크립트의 submit 메서드가 동작하지 않았다.

인라인 onclick에 등록되어있던 함수를 script 이벤트리스너에 등록하는 방식으로 바꾸고 내부에 type="submit" 형식의 엘리먼트를 삭제하니 아무 문제 없이 잘 동작했다.

form에 기본 함수들이 숨겨져 있다는 사실을 깨달았다.
다른 엘리먼트들도 그런 사항이 존재할 듯 싶다.

그리고 이제는 엘리멘트 인라인에 onclick 과 같은 프로퍼티에 함수를 등록하는 방법은 구식이라고 설명한다.

html과 javascript 간의 결합을 없에야 둘중 한쪽의 코드만 보아도 어떻게 동작하는지 더 잘 이해하게 될 것이다. 최대한 둘을 분리해서 작성하도록 하자.

profile
개발자라고 우기는 노답 소년

0개의 댓글