페이지

2015. 1. 23.

[JSP] html로 만들어 놓은 회원가입 양식을 JSP파일로 옴김

<form action="액션을 받을 파일" method="get 또는 post">

get 방식은 URL에 전달하는 값이 노출됨

post방식은 노출되지 않음, 그리고 한글을 전달할 때에는 추가적으로 인코딩이 필요함.

<%
    request.setCharacterEncoding("euc-kr");
    String message = request.getParameter("testmessage");
%>
 




join.jsp

 


<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>회원가입 페이지</title>
</head>

<body bgcolor="#4374E0">
    <center>
    <H1>회원가입 페이지</H1>

    <div>
    <table border="1" bgcolor="gray">
        <tr>
            <td width="100">아이디</td>
            <td width="450">
                <form action="idcheck.jsp" method="get">
                    <input type="text" name="id" autofocus required></input>
                    <input type="submit" value="아이디 중복확인"> </input>
                </form>          
            </td>
        </tr>
      
        <tr>
            <td>비밀번호</td>
            <td>
                <form action="passwordcheck.jsp" method="post">
                    <font>입력1</font>
                    <input type="password" name="password"></input>
                    <br />
                    <font>입력2</font>
                    <input type="password" name="password_comf"></input>
                    <br />
                    <input type="submit" value="유효성 확인"> </input>
                </form>
            </td>
        </tr>
              
        <tr>
            <td>이름</td>
            <td>
                <input type="text" name="name"></input>
            </td>
        </tr>
      
        <tr>
            <td>생년월일</td>
            <td>
                   <input type="text" name="year" value="예)2015년생  >> 2015"></input>
                <select>
                    <option>1월</option>
                    <option>2월</option>
                    <option>3월</option>
                    <option>4월</option>
                    <option>5월</option>
                    <option>6월</option>
                    <option>7월</option>
                    <option>8월</option>
                    <option>9월</option>
                    <option>10월</option>
                    <option>11월</option>
                    <option>12월</option>
                </select>
                <select>
                    <option>1일</option>
                    <option>2일</option>
                    <option>3일</option>
                    <option>4일</option>
                    <option>5일</option>
                    <option>6일</option>
                    <option>7일</option>
                    <option>8일</option>
                    <option>9일</option>
                    <option>10일</option>
                    <option>11일</option>
                    <option>12일</option>
                    <option>13일</option>
                    <option>14일</option>
                    <option>15일</option>
                    <option>16일</option>
                    <option>17일</option>
                    <option>18일</option>
                    <option>19일</option>
                    <option>20일</option>
                    <option>21일</option>
                    <option>22일</option>
                    <option>23일</option>
                    <option>24일</option>
                    <option>25일</option>
                    <option>26일</option>
                    <option>27일</option>
                    <option>28일</option>
                    <option>29일</option>
                    <option>30일</option>
                    <option>31일</option>
                </select>
                <input type="radio" name="day_type"/> 양력
                <input type="radio" name="day_type"/> 음력
            </td>
        </tr>
      
        <tr>
            <td>전화번호</td>
            <td>
                <input type="text" name="telephoneNo"></input>
            </td>
        </tr>

        <tr>
            <td>E-Mail</td>
            <td>
                <input type="text" name="email"></input>
            </td>
        </tr>

        <tr>
            <td>주소</td>
            <td>
                <input type="text" name="address"></input>
            </td>
        </tr>
      
        <tr>
            <td>상세주소</td>
            <td>
                <input type="text" name="address2"></input>
            </td>
        </tr>

        <tr>
            <td>전공유무</td>
            <td>
                <input type="radio" name="major"/> 전공
                <input type="radio" name="major"/> 비전공
            </td>
        </tr>
  
        <tr>
            <td>파일</td>
            <td>
                <input type="file" />
            </td>
        </tr>
      
        <tr>
            <td>자기소개</td>
            <td>
                <textarea cols="30" rows="3">+</textarea>
            </td>
        </tr>
    </table>
  
    <form action="submit.jsp" method="get">
        <input type="submit" value="제출"> </input>
        <input type="reset" name="reset" value="초기화"></input>
        <input type="button" name="cancel" value="취소" onClick="alert('취소 버튼입니다.')"> </input>
    </form>
   
    </div>
    </center>

</body>
</html>







 idcheck.jsp

 <%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<h2>idcheck.jsp입니다.</h2>
<%
    request.setCharacterEncoding("euc-kr");
    String message = request.getParameter("id");
%>

입력값 ==>> <%= message %>





passwordcheck.jsp

 <%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<h2>passwordcheck.jsp입니다.</h2>
<%
    request.setCharacterEncoding("euc-kr");
    String message1 = request.getParameter("password");
    String message2 = request.getParameter("password_comf");
%>

입력1 ==>> <%= message1 %> <br />
입력2 ==>> <%= message2 %>





 submit.jsp

 <%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<h2>submit.jps</h2>

<%
    request.setCharacterEncoding("euc-kr");
    String name = request.getParameter("name");
    String year = request.getParameter("year");
    String day_type = request.getParameter("day_type");
    String telephoneNo = request.getParameter("telephoneNo");
    String email = request.getParameter("email");
    String address = request.getParameter("address");
    String address2 = request.getParameter("address2");
    String major = request.getParameter("major");
%>

name ==>> <%= name %> <br />
year ==>> <%= year %> <br />
day_type ==>> <%= day_type %> <br />
telephoneNo ==>> <%= telephoneNo %> <br />
email ==>> <%= email %> <br />
address ==>> <%= address %> <br />
address2 ==>> <%= address2 %> <br />
major ==>> <%= major %> <br />