JSP 소규모 게시판 - 15. 글 보기 페이지 비밀번호 기능

비밀번호 확인 함수 생성

글 보기 페이지에서 버튼을 누르면

자바스크립트에 의해 게시글 비밀번호와 일치한지 먼저 확인 후,

글 수정 비즈니스 로직 페이지로 넘어가도록 설정한다.

 

자바스크립트에 비밀번호를 확인하는 checkpw() 함수를 생성한다.

유저에게 암호를 입력받고, 그것이 게시글의 암호와 일치한지 확인한다.

function checkpw(){
    let upw = prompt("비밀번호를 입력하시오.");
    let cpw = ${article.passwd};
    if(upw==cpw)
        return true;
    return false;
}

 

 

 

전체 레이아웃

$().ready(function(){
    $("#update").on("click", function(){
        alert("글 수정");
    })
    $("#delete").on("click", function(){
        alert("글 삭제");
    })
    $("#reply").on("click", function(){
        alert("답글");
    })
})

 

alert창이 잘 뜨는지 확인한다.

 

 

 

 

글 수정 버튼

비밀번호를 확인하고 맞으면 command 값을 update로 주고 controller로 이동시킨다.

 

 

$("#update").on("click",function(){
    if(checkpw()){
        $("form[name=form1]").attr('action','jb?command=update');
        $("form[name=form1]").submit();
    } else {
        alert("비밀번호가 틀립니다.");
        return false;
    }
});

 

 

 

글 삭제 버튼

비밀번호가 맞는지 확인하고, 정말로 지울 건지 재확인한다.

확인을 누르면 command 값을 delete로 주고 controller로 이동시킨다.

$("#delete").on("click", function(){
    if(checkpw()){
        if(confirm("정말 삭제하시겠습니까?")){
            $("form[name=form1]").attr('action','jb?command=delete');
            $("form[name=form1]").submit();				
        } else return false;
    } else {
        alert("비밀번호가 맞지 않습니다.");
        return false;
    }
});

 

 

 

답글 버튼

비밀번호 확인 없이 command 값을 reply로 주고 controller로 이동시킨다.

$("#reply").on("click", function(){
    $("form[name=form1]").attr('action','jb?command=reply');
    $("form[name=form1]").submit();
});

 

 

 

 

---

전체코드

ㅇ

ㅇ