javascript 리턴값을 false로 줬는데 자꾸 작동이 됩니다...

Question

제가 원하는대로 작동이 잘 안되서 질문 드립니다...제가 하려는 것이 비밀번호 변경입니다.현재 비밀번호, 바꿀 비밀번호, 바꿀 비밀번호 재확인. 이 3개로 비밀번호를 변경하는 작업입니다.form태그로 submit 할 때 javascript에 쓰여진 조건이 맞으면 리턴을 하는 과정입니다. form<form:form modelAttribute .... onsubmit &#61; &#34;return changePwCheck();&#34;>javscript 구문 function changePwCheck()if(confirm(&#34;변경하시겠습니까?&#34;)){ if(newPw1 &#61;&#61; newPw2) { $.ajax({ url : '${path}/user/PwCheck.do?id&#61;'&#43;id&#43;'&pw&#61;'&#43;oldPw, type : 'post', success : function(data){ if(data &#61;&#61; 1) { return true; } else if(data &#61;&#61; 0){ alert(&#34;비밀번호가 일치하지 않습니다.&#34;); return false; } }, error : function(){alert(&#34;ajax 에러&#34;);} }); } else { alert(&#34;사용하실 비밀번호를 정확히 입력해주세요.&#34;); return false; } } else { return false; }newPw1 &#61; 사용할 비밀번호 newPw2 &#61; 사용할 비밀번호 재확인 oldPw &#61; 현재 사용하고 있는 비밀번호 입니다.사용할 비밀번호가 일치하면 ajax를 사용해서 현재 비밀번호가 일치하는지 서버에 요청을 보낸 후 일치하는 아이디가 있으면 1, 없으면 0으로 data를 가져오고 이 data를 이용해 1이면 submit 할 수 있게 리턴하고 0이면 리턴을 못하게 하려고 합니다. 여기서 사용할 비밀번호가 일치한다고 치고 현재 비밀번호를 잘못 입력하면 data가 0으로 넘어와서 alert(&#34;비밀번호가 일치하지 않습니다.&#34;) 로 알림을 띄우고 return false를 해주고 싶은데알림을 뜨는데 return false가 작동이 안되고 submit이 되서 비밀번호가 바꿔집니다.... 이런 방식으로 여러 개를 했는데 다른 것들은 정상적으로 작동이 되는데 이것만 오작동이 일어납니다..오타도 없는 것 같고 잘 작동되야하는데 오작동이 일어나서 골치 아프네요...뭔가 잘못한게 있을까요??? 필요하신게 있으시면 더 올리도록 하겠습니다. 감사합니다!!

망고라구 · Answer

$.ajax({ url : '${path}/user/PwCheck.do?id&#61;'&#43;id&#43;'&pw&#61;'&#43;oldPw, type : 'post', --------> async: false, success : function(data){ if(data &#61;&#61; 1) { return true; } else if(data &#61;&#61; 0){ alert(&#34;비밀번호가 일치하지 않습니다.&#34;); return false; } }, error : function(){alert(&#34;ajax 에러&#34;);} });async: false를 넣어보시는건 어떨까요..?

HwanHwan2 · Answer

망고라구async : false를 적용했는데도 안되네요....&#43; 본문 수정했습니다. alert(&#34;비밀번호가 일치하지 않습니다.&#34;)알림창은 띄워지는데 return false가 동작하지 않습니다

망고라구 · Answer

return값을 미리 설정해두고 하는 건 어떨까요?function changePwCheck() { ----> let resultFlag &#61; false; if(confirm(&#34;변경하시겠습니까?&#34;)){ if(newPw1 &#61;&#61; newPw2) { $.ajax({ url : '${path}/user/PwCheck.do?id&#61;'&#43;id&#43;'&pw&#61;'&#43;oldPw, type : 'post', success : function(data){ if(data &#61;&#61; 1) { resultFlag &#61; true; } else if(data &#61;&#61; 0){ alert(&#34;비밀번호가 일치하지 않습니다.&#34;); resultFlag &#61; false; } }, error : function(){alert(&#34;ajax 에러&#34;);} }); } else { alert(&#34;사용하실 비밀번호를 정확히 입력해주세요.&#34;); resultFlag &#61; false; } } else { resultFlag &#61; false; } return resultFlag; }

망고라구 · Answer

아 ajax 호출시 async: false,로 설정하구요 function changePwCheck() { ---> let resultFlag &#61; false; if(confirm(&#34;변경하시겠습니까?&#34;)){ if(newPw1 &#61;&#61; newPw2) { $.ajax({ url : '${path}/user/PwCheck.do?id&#61;'&#43;id&#43;'&pw&#61;'&#43;oldPw, type : 'post', ---> async: false, success : function(data){ if(data &#61;&#61; 1) { ---> resultFlag &#61; true; } else if(data &#61;&#61; 0){ alert(&#34;비밀번호가 일치하지 않습니다.&#34;); ---> resultFlag &#61; false; } }, error : function(){alert(&#34;ajax 에러&#34;);} }); } else { alert(&#34;사용하실 비밀번호를 정확히 입력해주세요.&#34;); ---> resultFlag &#61; false; } } else { ---> resultFlag &#61; false; } ---> return resultFlag; }

구직인 · Answer

return false 동작한거같은데요?비밀번호가 submit이 되었다는데 그 submit이 실행된거잖아요다른곳에서 changePwCheck()를 if문으로 분기처리하나요??jquery의 ajax는 모르지만,$.ajax({});가 아니고return $.ajax({});로 해보시죠alert()밑에 return false는 그대로 두고

HwanHwan2 · Answer

망고라구말씀하신대로 리턴값을 설정해두고 하니까 생각했던대로 잘 동작합니다 감사합니다!!제가 짠 코드가 무슨 문제가 있는지 도저히 모르겠네요.. 구직인changePwCheck() 함수는 저거 하나밖에 없어서 분기처리는 안했습니다. 답변 감사합니다!!

javascript 리턴값을 false로 줬는데 자꾸 작동이 됩니다...

6개의 답변

Q&A 목록