ch10.SpringMVC 종합 07.비밀번호수정

1)MemberMapper

 

2)Service

3)controller

4)member.xml

5)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/resources/js/jquery-3.5.0.min.js"></script>
<script type="text/javascript">

	//비밀번호 변경 체크
	$('#passwd').keyup(
			function() {
				//비밀번호 불일치
				if ($('#confirm_passwd').val() != ''
						&& $('#confirm_passwd').val() != $(this).val()) {
					$('#message_id').text('비밀번호 불일치').css('color', 'red');
					//비밀번호 일치
				} else if ($('#confirm_passwd').val() != ''
						&& $('#confirm_passwd').val() == $(this).val()) {
					$('#message_id').text('비밀번호 일치').css('color', 'black');
				}
			});
	$('#confirm_passwd').keyup(
			function() {
				//비밀번호 불일치
				if ($('#passwd').val() != ''
						&& $('#passwd').val() != $(this).val()) {
					$('#message_id').text('비밀번호 불일치').css('color', 'red');
					//비밀번호 일치
				} else if ($('#passwd').val() != ''
						&& $('#passwd').val() == $(this).val()) {
					$('#message_id').text('비밀번호 일치').css('color', 'black');
				}
			});
	$('#change_form').submit(
			function(){
				if($('#old_passwd').val()==''){
					alert('현재 비밀번호를 입력하세요');
					$('#old_passwd').focus();
					return false;
				}
				if($('#passwd').val()==''){
					alert('변경할 비밀번호를 입력하세요');
					$('#passwd').focus();
					return false;
				}
				if($('#passwd').val()!=$('#confirm_passwd').val()){
					$('message_id').text('비밀번호 불일치').css('color','red');
					return false;
				}
	});
</script>

<div class="page-main-style">
	<h2>회원정보수정</h2>
	<form:form action="changePassword.do" commandName="memberVO" id="change_form">
		<form:hidden path="mem_num"/>
		<form:errors element="div" cssClass="error-color"/>
		<ul>
			<li>
				<label for="old_passwd">현재 비밀번호</label>
				<form:password path="old_passwd"/>
			</li>
			<li>
				<label for="passwd">새로운 비밀번호</label>
				<form:password path="passwd"/><form:errors path="passwd" cssClass="error-color"/>
			</li>
			<li>
				<label for="confirm_passwd">비밀번호 확인</label>
				<input type="password" id="confirm_passwd"><span id="message_id" class="error-color"></span>
			</li>
		</ul>
		<div class="align-center">
			<input type="submit" value="전송">
			<input type="button" value="홈으로" onclick="location.href='${pageContext.request.contextPath }/main/main.do'">
		</div>
	</form:form>
</div>

6)MemberVO 자바빈에 추가

7)실행 및 오류체크

 

 

8)Controller

9)validation.properties

10)실행 및 오류체크

현재 비밀번호를 틀렸을 때