submit 초기화 속성때문에로 날린 2일

오류내용

조원들과 로그인 페이지를 만들면서 생각보다 금방되네? 싶었는데

서버 연결도 잘되고 값도 true 찍히고 뭐 쉽네 하다가

로또 로그인창을 만들었다.

 

어떤 느낌이냐면 한 50번정도 시도하면 5번정도? 로그인이 성공하고 나머지는 

작동이 안되었다.

 

코린이들인 조원들과 여러가지 가설을 세워봤는데 그 중에 db를 켜놔야 얘네가 읽어 오는구나

싶을 때도 있었다.( 진심 그렇게 믿고 엄청난 발견을 했다고 생각하고 집에 뿌듯하게 간적도 있다.)

 

그런데 다음날 같은 문제가 발생하였고 여러군데에 console 을 찍어봤지만 결과값은 항상 true에 

서버에도 매번 정상적으로 값이 찍혔기 때문에 이제 막 서버와 디비 프론트 연결을 배운 우리들에게는

너무나 벅찬 문제였다. 강사님께 여쭤보니 

 

button에 걸려있는

submit의 초기화 속성

때문에 발생한 문제임을 발견하게 되었고. 이를 방지하는 코드를 걸어주니 정상적으로 해결되었다.

 

 

 

db에 있는 비밀번호를 제대로 쳤을때

 

실제 eclipse에도 정보가 온전히 전달됨을 확인 할 수 있고

서버에서 받아온 데이터 값도 잘 입력되고

 

dao 에서 아이디 값을 통해서 비밀번호도 잘 가져오며

isRegister 도 true로 뜨는데

로그인 창에서는 로그인이 될 때도 있고 안될 때도 있습니다.

심지어 값이 전달이 되지 않는 건지

로그인 비밀번호를 틀려도 로그인 실패 alert 창이 안뜰 때도 있어서

해당 오류를 찾아보고 있는 중입니다.

 

심지어

if 문 내부까지 ok 값으로 전달된것이 확인이 되는데 팝업창이 뜹니다.

 

 

해결 내용

아이디 비번을 입력하고 최종 버튼의 type을 submit으로 설정해 뒀는데

submit의 초기화 속성때문에 발생하는 문제였습니다.

해당 버튼에 걸린 onClickLogin 에 e 값을 주고

e.preventdefault() 코드를 주어 submit 의 동작을 막아주었더니 정상적으로 됩니다.