2-4 비밀번호찾기

• 비밀번호찾기를 눌렀을 경우 
  • 아이디찾기를 통해 찾은 아이디와 번호로 찾을 수 있다

• 등록한 정보가 없을 때는 아이디찾기화면과 동일하게 등록된 정보가 없다고 뜨고
• 등록한 정보가 있을 때는 비밀번호가 뜬다
  • 보안에는 아~주 취약..ㅎ

 

 

 

 

 

 

 

 

 

 

 

---

• findPw.jsp
  • form태그를 사용하여 아이디와 번호를 받는다
  • id찾기와 로직은 거의 같다
  • 찾기를 눌렀을 경우 pw_search()호출

	<form name="pwfindscreen" method = "POST">
			<div class = "search-title">
				<h3>등록한 정보로 인증</h3>
			</div>
		<section class = "form-search">
			<div class = "find-id">
				<label>아이디</label>
				<input type="text" name="member_mid" class = "btn-name" placeholder = "FineApple ID">
			<br>
			</div>
		
		 <div class = "find-phone">
				<label>번호</label>
				<input type="text" onKeyup = "addHypen(this);" name="member_phone" class = "btn-phone" placeholder = "휴대폰번호를 '-'없이 입력">
			</div> 
			<br>
	</section>
	<div class ="btnSearch">
		<input type="button" name="enter" value="찾기"  onClick="pw_search()">
		<input type="button" name="cancle" value="취소" onClick="history.back()">
 	</div>
 </form>

 

 

 

 

 

 

 

• findinfo.js
  • pw_search라는 함수생성
  • 아이디값과 핸드폰값을 검사한 후 findPwResult.jsp로 이동하게끔 action과 submit을 준다

 function pw_search(){

  var frm=document.pwfindscreen;

  if(frm.member_mid.value.length<3){
   alert("아이디를 올바르게 입력해주세요");
   return;
  }

   if (frm.member_phone.value.length != 13) {
			  alert("핸드폰번호를 정확하게 입력해주세요");
			  return;
		 }
	
  frm.method="post";
  frm.action="findPwResult.jsp"; //넘어간화면
  frm.submit(); //등록이 될수 있는 조건이면, 정보를 보내겠다.
  }

 

 

 

 

 

• findPwResult.jsp
  • 스크립틀릿
    • name과 phone을 request.getParameter로 가져와 저장해준다
    • dao의 findId메소드에 매개변수를 각각 넣어주고 반환값을 저장
  • 값이 존재할 때
    • 비밀번호를 출력 <%=pwd%>
    • 로그인버튼을 아래에 삽입
  • 값이 존재하지 않을 때
    • 등록된 정보가 없다고 뜬다
    • 아래에는 광고이미지가 뜨도록

<%
 request.setCharacterEncoding("UTF-8");
    String member_mid = request.getParameter("member_mid");     
    String member_phone = request.getParameter("member_phone");
     
MemberDao dao = new MemberDao();
 String pwd = dao.findPw(member_mid, member_phone); //아이디를 디비에서 가져옴..실패시 널
 
%>

<form name="idsearch" method="post">
      <%
       if (pwd != null) {
      %>
      
      <div class = "container">
      	<div class = "found-success">
	      <h4>회원님의 비밀번호는 </h4>  
	      <div class ="found-id"> <%=pwd%></div>
	      <h4>  입니다 </h4>
	     </div>
	     <div class = "found-login">
 		    <input type="button" id="btnLogin" value="로그인" onClick = 'login()'/>
       	</div>
       </div>
      <%
  } else {
 %>
        <div class = "container">
      	<div class = "found-fail">
	      <h4>  등록된 정보가 없습니다 </h4>  
	     </div>
	     <div class = "found-login">
 		    <input type="button" id="btnback" value="다시 찾기" onClick="history.back()"/>
 		    <input type="button" id="btnjoin" value="회원가입" onClick="joinin()"/>
       	</div>
       </div>
       
<div class = "adcontainer">
	<a href="#" ><img src = "../images/casead.png" /></a>                
</div>
       
       <%
  }
 %> 
      </form>