Joshua게시판(SSR)-5-1단계 회원가입 뷰

깃허브링크

노션링크

• 더미데이터를 dev에서만 작동시키기

• joinForm 추가

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%@ include file="../layout/header.jsp" %>

<div class="container my-3">
    <div class="container">
        <form action="/join" method="post" onsubmit="return valid()"> // 이부분 추가! action, method !!
            <div class="d-flex form-group mb-2">
                <input type="text" name="username" class="form-control" placeholder="Enter username"
                       id="username">
                <button type="button" class="badge bg-secondary ms-2">중복확인</button>
            </div>

            <div class="form-group mb-2">
                <input type="password" name="password" class="form-control" placeholder="Enter password"
                       id="password">
            </div>

            <div class="form-group mb-2">
                <input type="password" class="form-control" placeholder="Enter passwordCheck"
                       id="passwordCheck">
            </div>

            <div class="form-group mb-2">
                <input type="email" name="email" class="form-control" placeholder="Enter email">
            </div>

            <button class="btn btn-primary">회원가입</button>
        </form>

    </div>
</div>

<script>
    function valid() {
        alert("회원가입 유효성 검사");
        return true;
    }
</script>

<%@ include file="../layout/footer.jsp" %>

확인(성공)