#1. Form submission canceled because the form is not connected
갑자기 어느 순간부터 위의 경고 메세지가 발생했다.
그냥 냅둬도 크게 문제 될 건 아닌데
특정 이벤트를 할 때 마다 저 메세지가 뜨니 상당히 거슬렸다 ..
form 이 연결되어 있지 않아 취소되었다고 하는데 ..
문제가 되는 코드를 살펴보았다.
이 코드는 <form> 태그 안에 위치해 있고, 취소 버튼을 누를 때마다 위의 메세지가 출력되었다.
겉으로 봐서는 딱히 문제 될 것이 없어 보이는데 ..
이 방법 저 방법 시도해 보다가 결국 답을 찾았다.
(개인적으로 바로 구글링 하지 않고 시도해 볼 수 있는 방법을 찾다가 안되면 구글링 하는 편 ..)
해결방법
이것저것 해보다가 경고 메세지를 곰곰이 생각해 보았다.
form에 연결이 되어있지 않아 제출이 취소되었다라 ..
그래서 혹시 <form> 태그 안에 <button> 태그가 존재할 때 타입이 지정되어 있지 않으면 발생하는 건가 싶어서 타입을 지정해주니
경고 메세지가 더 이상 나타나지 않았다.