비밀번호가 일치하지않습니다

Question

{% extends "main.html" %} {% block contents %} < script > function checkForm () { if ( $ . trim ( $ ( "#name" ). val ()) == "" ) { alert ( "이름을 입력하세요" ); $ ( "#name" ). focus (); return false ; } if ( $ . trim ( $ ( "#emeil" ). val ()) == "" ) { alert ( "이메일을 입력하세요" ); $ ( "#emeil" ). focus (); return false ; } if (! emeilpa ( $ . trim ( $ ( "#emeil" ). val ()))) { alert ( "이메일을 형식이 올바르지 않습니다." ); $ ( "#emeil" ). focus (); return false ; } if ( $ . trim ( $ ( "#pass1" ). val ()) == "" ) { alert ( "비밀번호를 입력하세요" ); $ ( "#pass1" ). focus (); return false ; } if ( $ . trim ( $ ( "#pass2" ). val ()) == "" ) { alert ( "비밀번호확인을 입력해주세요." ); $ ( "#pass2" ). focus (); return false ; } if ( $ . trim ( $ ( "#pass1" ). val ()) != $ . trim ( $ ( "#pass2" ). val ())) { alert ( "비밀번호가 일치하지 않습니다.." ); $ ( "#pass2" ). select . focus (); return false ; } return true ; } < table > < form name = "form" action = "{{url_for('member.member_join')}}" method = "POST" onsubmit = " return checkForm () " > < thead > < caption > 회원가입 < tbody > < tr > < td > 이름 < td >< input type = "text" name = "name" id = "name" > < tr > < td > 아이디 < td >< input type = "text" name = "emeil" id = "emeil" > < tr > < td > 비밀번호 < td >< input type = "password" name = "pass1" id = "pass1" > < tr > < td > 비밀번호 확인 < td >< input type = "password" name = "pass2" id = "pass2" > < tr > < td colspan = "2" >< input type = "submit" value = "가입하기" > {% endblock %} 웹에서 회원가입할때 이름과 이메일 비밀번호를 입력하지 않았을시에는 정상적으로 코드가 실행되고 경고 창이 뜨고 작성했던 내용(이름 아이디 비밀번호) 이 그대로 유지되는데 비밀번호와 비밀번호확인란을 다르게 입력했을때만 경고창이 두번뜨면서 새로고침이 되고 .focus 되지않고 기존에 작성 했던 내용도 리셋이 됩니다. form이 실행되서 member_join으로 가서 경고문이 두번 뜨는데 분명 onsubmit 으로 인해 전송이 안돼야하는데 왜 비밀번호가 일치하지 않습니다에서만 보내지는 걸까요 ... 왜 그런걸까요 혹시몰라서 return true도 작성했는데도 안됩니다.. 제 머리로는 어떤 부분을 놓치고있는건지 이해가 가질않습니다.. 아니면 다른이유가 있는 걸까요 ?

남박사 · Answer

이런경우 checkform 함수의 내용을 모두 지우시고 alert($.trim($("#name").val())); if($.trim($("#name").val()) == "") { alert("이름을 입력하세요"); $("#name").focus(); return false; } 이렇게 한가지씩 alert을 띄워서 값을 확인해보고 코드가 정상 동작하는지 테스트 해보는 방법도 있습니다. 문제가 없다면 다음 내용.. 다음내용 이런식으로 step by step 으로 추가해보는 방법입니다.