[ Spring ] 비밀번호 일치 확인 - (2) 회원가입

 

비밀번호 일치 확인

 

1. 회원가입 화면에 비밀번호와 비밀번호 확인을 하는 <input> 태그 생성

📑 join.jsp

 

- html

<tr>
     <td style="width: 110px; vertical-align: middle;">비밀번호</td>
     <td colspan="2"><input id="memPassword1" name="memPassword1" onkeyup="passwordCheck()" class="form-control" type="password" maxlength="20" placeholder="비밀번호를 입력하세요."/></td>            
</tr>
<tr>
     <td style="width: 110px; vertical-align: middle;">비밀번호확인</td>
     <td colspan="2"><input id="memPassword2" name="memPassword2" onkeyup="passwordCheck()" class="form-control" type="password" maxlength="20" placeholder="비밀번호를 확인하세요."/></td>            
</tr>

1) 비밀번호 재확인시 동일해야 회원가입이 가능하다.

onkeyup="passwordCheck()" 으로 선택이 된 상태가 되면,  메서드가 실행이 된다.

 

 

 

2. 비밀번호 값의 일치를 확인해주는 스크립트

- javascript

function passwordCheck(){
    var memPassword1=$("#memPassword1").val();
    var memPassword2=$("#memPassword2").val();
    if(memPassword1 != memPassword2){
        $("#passMessage").html("비밀번호가 서로 일치하지 않습니다.");
    }else{
        $("#passMessage").html("");
        $("#memPassword").val(memPassword1);
    }   	
}

- html

 <input type="hidden" id="memPassword" name="memPassword" value=""/>

 

1) 비밀번호가 일치할시, 저장될 값을 id="memPassword"를 가진 input 태그에 넣어서 form action시 JAVA 메서드에 함께 전달되게 해준다. ( member.java - vo 객체에서 받는 패스워드 명칭 memPassword )