Cute Happy Ghost
본문 바로가기
728x90
SMALL

Project28

2-4 비밀번호찾기 비밀번호찾기를 눌렀을 경우 아이디찾기를 통해 찾은 아이디와 번호로 찾을 수 있다 등록한 정보가 없을 때는 아이디찾기화면과 동일하게 등록된 정보가 없다고 뜨고 등록한 정보가 있을 때는 비밀번호가 뜬다 보안에는 아~주 취약..ㅎ findPw.jsp form태그를 사용하여 아이디와 번호를 받는다 id찾기와 로직은 거의 같다 찾기를 눌렀을 경우 pw_search()호출 등록한 정보로 인증 아이디 번호 findinfo.js pw_search라는 함수생성 아이디값과 핸드폰값을 검사한 후 findPwResult.jsp로 이동하게끔 action과 submit을 준다 function pw_search(){ var frm=document.pwfindscreen; if(frm.member_mid.value.length 2021. 1. 30.
2-3-1. 자동으로 '-' 하이픈 입력되도록 하기 휴대폰번호를 입력할 때 대쉬가 있는 것이 구분하기편하다 하지만 사용자가 사용할때 대쉬를 매번 쓴다는 것은 너무 귀찮은 일이다 따라서 폰번호의 형식에 맞게 자동으로 하이픈이 추가되도록 설정하였다 addHypen.js function addHypen(obj) { var number = obj.value.replace(/[^0-9]/g, ""); var phone = ""; if(number.length < 4) { return number; } else if(number.length < 7) { phone += number.substr(0, 3); phone += "-"; phone += number.substr(3); } else if(number.length < 11) { phone += number.s.. 2021. 1. 30.
2-3. 아이디찾기 (jsp로 아이디찾기기능 구현하기) 로그인페이지에는 아이디찾기와 비밀번호찾기 버튼이 있다 아이디찾기를 누르면 휴대폰본인확인 페이지가 뜬다 등록된 정보가 없을 때는 없다고 뜬다 다시찾기와 회원가입버튼이 있다 또한 밑에는 홈페이지광고이미지가 떠서 자연스럽게 프로모션가능하도록 하였다 자세히보면 fineapple로고가 있다 ...ㅎ 정보가 있을 경우에는 아래와 같이 아이디가 네모상자 안에 뜨도록 하였다 아이디를 찾았으니 바로 로그인 가능하도록 로그인버튼을 아래에 배치하였다 findId.jsp form태그를 사용하였고 method는 post로 줌 이름과 번호입력할 수 있는 input 삽입 번호를 입력했을 경우 자동으로 '-'하이픈이 붙도록 addHypen함수를 onKeyup으로 적용 찾기 버튼을 클릭했을 경우 id_search()함수를 실행하도록 .. 2021. 1. 30.
2-2. 로그아웃 (jsp를 사용한 간단로그아웃) 로그아웃할 때는 이렇게 확인창이 뜨고 확인을 누르면 로그아웃이 된다 로그아웃확인 로그아웃은 헤더에 있기때문에 헤더부분에 js를 적용해줘야한다 header.jsp 로그아웃이라는 value를 가진 input을 만들어주고 id는 btnLogout으로 설정 login.js btnLogout을 눌렀을 때 confirm창이 뜨고 true일시 logout.jsp로 이동하게끔 form태그가 아니기 때문에 action과 submit등은 필요없다 var logInOut = function(){ var btnLogout = document.getElementById('btnLogout'); if(btnLogout != null){ btnLogout.onclick = function(){ if( confirm("정말 로그아웃.. 2021. 1. 30.
728x90
LIST