http://localhost:8090/gami/review/reviewForm.do?productNo=1&orderNo=1&orderStatement=리뷰작성

image.png

화면단 (reviewForm.jsp)

<form action="${pageContext.request.contextPath}/review/addReview.do" 
method="post" enctype="multipart/form-data" **onsubmit="return validateRating();"**>

    <input type="hidden" name="productNo" value="${productNo}" />
    <input type="hidden" name="memberId" value="${sessionScope.member.memberId}" /> <!-- 컨트롤러에서 받아야함 -->
    <input type="hidden" name="orderNo" value="${orderNo}" />						<!-- 컨트롤러에서 받아야함 -->
// 별점이 하나라도 선택되지 않았으면 폼 제출을 막는 함수
function validateRating() {
//별점 값들을 배열로 가져옴
    const ratings = [
        document.getElementById("reviewStarDurability").value,
        document.getElementById("reviewStarPrice").value,
        document.getElementById("reviewStarDesign").value,
        document.getElementById("reviewStarDelivery").value
    ];

    // 모든 별점 항목이 선택되지 않았으면 경고
    for (let i = 0; i < ratings.length; i++) {
        if (!ratings[i]) {
            alert("모든 별점 항목을 선택해주세요.");
            return false; // 폼 제출 막기
        }
    }
    return true; // 모든 항목이 선택되었으면 폼 제출
}