[Javascript] - javascript 이용하여 패스워드 불일치 체크하기
○ javascript 이용하여 패스워드 불일치 체크하기 |
비밀번호와 비밀번호 확인칸의 내용이 다를 경우 // index.jsp (index.jsp 하단에 비밀번호 입력 폼) <body> <tbody> <tr> <td style="width: 120px;"><h5>비밀번호</h5></td> <!-- onkeyup : 어떤 키를 입력할때마다 어떤 함수를 실행할 수 있도록 해주는 것임 --> <td><input class="form-control" type="password" onkeyup="passwordCheckFunction();" id="userPassword1" maxlength="20"></td> </tr> <tr> <td style="width: 120px;"><h5>비밀번호 확인</h5></td> <!-- onkeyup : 어떤 키를 입력할때마다 어떤 함수를 실행할 수 있도록 해주는 것임 --> <td><input class="form-control" type="password" onkeyup="passwordCheckFunction();" id="userPassword2" maxlength="20"></td> </tr> <tr> <td><h5 style="color: red;" id="passwordCheckMessage"></h5></td> </tbody> </body> // index.jsp (index.jsp 상단에 javascript 부분) <head> // 자바스크립트 사용하기 위해서 <script type="text/javascript"> function passwordCheckFunction(){ // 변수 userPassword1, 2에 폼에 입력한 id를 통해 값을 실시간으로 받아와 저장 var userPassword1 = $('#userPassword1').val(); var userPassword2 = $('#userPassword2').val(); // 패스워드 체크하기 위한 패스워드랑 패스워드확인이랑 같은지 if(userPassword1 != userPassword2){ $('#passwordCheckMessage').html('비밀번호가 서로 일치하지 않습니다');
} else { // 정상적이면 어떠한 메시지도 출력되지 않도록 빈칸 $('#passwordCheckMessage').html(''); } } </script> </head> |
'Servlet' 카테고리의 다른 글
| [Servlet] - 서블릿에서 Session 사용하기 (0) | 2018.07.23 |
|---|---|
| [Ajax] - Ajax와 Servlet 이용 아이디 중복 체크하기 (2) | 2018.06.29 |
| [Servlet] - 서블릿 활용한 회원가입 구현하기 (0) | 2018.06.29 |
| [Servlet] - *.do 서블릿과 FrontController 패턴 (0) | 2018.06.27 |
| [Servlet] - MVC2 Servlet Model 구성도 (0) | 2018.06.26 |