Form submission canceled because the form is not connected

구글링을 해 보면 버튼이 두 개 이니까, 버튼의 type값을 따로 주라고 하는데, 나는 버튼이 한 개뿐이었다//...ㅎㅎ

그러다 발견한 해결방법!

 

 

1️⃣ 버튼의 type 변경 (대부분 가지고 있는 문제점)

 

이건 내 해결 방법은 아니지만, 대부분 이 문제라서 공유하자면

버튼이 두 개 일때

이런 식으로 버튼의 값을 다르게 주면 된다.

type = "submit"

type ="button"

 

2️⃣ e.preventDefault() => 내 해결 방법!

 

이벤트 핸들러를 사용했을 경우, 이벤트 핸들러 함수에 걸어주면 된다.

나는 버튼이 아니라 전체 폼에 이벤트 핸들러를 걸었기 때문에, 이 해결 방법으로 바로 해결이 가능했다.