update.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="layouts/layout.html">
<head>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<!-- Custom JavaScript -->
<script type="text/javascript" th:src="@{/js/updatemain.js}"></script>
</head>
<body>
<div layout:fragment="content">
<div class="container my-5">
<h1 class="text-center">글수정</h1>
<form action="/capoeiraweb/update" method="post" name="updateForm">
<div class="form-group">
<input type="hidden" id="board-pass" th:value="${boardUpdate.boardPass}"/>
<input type="hidden" name="id" th:value="${boardUpdate.id}">
<label for="boardWriter">작성자:</label>
<input type="text" class="form-control" name="boardWriter" id="boardWriter" th:value="${boardUpdate.boardWriter}" readonly>
</div>
<div class="form-group">
<label for="boardPass">비밀번호:</label>
<input type="password" class="form-control" name="boardPass" id="boardPass">
<!-- 비밀번호 작성칸에 비밀번호를 넣고 글수정을 눌렀을때 일치,불일치를 넣어 글작성자만 수정할수 있게 코딩을했다. -->
</div>
<div class="form-group">
<label for="boardTitle">제목:</label>
<input type="text" class="form-control" name="boardTitle" id="boardTitle" th:value="${boardUpdate.boardTitle}">
</div>
<div class="form-group">
<label for="boardContents">내용:</label>
<textarea class="form-control" name="boardContents" id="boardContents" cols="30" rows="10" th:text="${boardUpdate.boardContents}"></textarea>
</div>
<input type="hidden" name="boardHits" th:value="${boardUpdate.boardHits}">
<button type="button" class="btn btn-primary" onclick="boardUpdate()">글수정</button>
</form>
</div>
</div>
</body>
</html>작성자가 설정을 한 비밀번호를 안치면 수정이 안되게 만들었습니다.
update.js 파일
const boardUpdate = () => {
const pass = document.getElementById("board-pass").value;
const inputPass = document.getElementById("boardPass").value;
console.log("pass: ", pass);
console.log("inputPass: ", inputPass);
if (pass == inputPass) {
document.updateForm.submit();
} else {
alert("비밀번호가 일치하지 않습니다!");
}
}
비전공 신입 개발자