[JavaScript] Form 태그 Submit 오류 "Form submission canceled because the form is not connected"

1. 오류 상황

---

• 특정 버튼 클릭 시 form 태그를 임의적으로 만들어서 입력한 input 태그들을 form 태그 안에 포함시켜 submit 하도록 코드를 작성 후 테스트 하였지만, submit이 이루어지지 않음
• 개발자 도구 내에서 "Form submission canceled because the form is not connected" 해당 오류 발생

 

 

 

2. 오류 원인

---

• 해당 form 태그를 DOM에 추가하지 않아서 발생한 오류

 

 

 

3. 해결 방법

---

• 다음과 같이 body 태그의 자식태그로 form 태그를 추가한다.