<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>사용자 등록</title>
<link href='../../css/join_style.css' rel='stylesheet' style='text/css'/>

<script type="text/javascript">
    
        // 필수 입력정보인 아이디, 비밀번호가 입력되었는지 확인하는 함수
        function qlszks()
        {
            if(!document.vha.id.value){
                alert("아이디를 입력하세요.");
                return false;
            }
            
            if(!document.vha.PASS.value){
                alert("비밀번호를 입력하세요.");
                return false;
            }
            
            // 비밀번호와 비밀번호 확인에 입력된 값이 동일한지 확인
            if(document.vha.PASS.value != document.vha.passcheck.value ){
                alert("비밀번호를 동일하게 입력하세요.");
                return false;
            }
        }
        
        // 취소 버튼 클릭시 로그인 화면으로 이동
        function cnlth() {
            location.href="main.jsp";
        }
    </script>




</head>
<body bgcolor="#aee19b" >

<table width="550">
<tr>
<th align="center" bgcolor="fffffff" height="35">

<font color="#A33333">사용자정보</font>

</th>
</tr>
<tr>
<td>
안녕하세요. 음음음에 방문해 주셔서 감사합니다.<br>
회원가입을 해주세요.
</td>
</tr>
</table>
<form method="post" action="NewFile1.jsp" 
onsubmit="return qlszks()" name="vha">
<table border="1" width="600">
<tr>
<td align="center" bgcolor = "#cfcf00">사용자ID</td>
<td colspan="3"><input type="text" name="id"> <button>중복 확인</button></td>
</tr>
<tr>
<td align="center" bgcolor = "#cfcf00">비밀번호</td>
<td><input type="text" name="PASS"></td>
<td align="center" bgcolor = "#cfcf00">비밀번호 확인</td>
<td><input type="text" name="passcheck"></td>
</tr>
<tr>
<td align="center" bgcolor = "#cfcf00">사용자이름</td>
<td colspan="3"><input type="text" name="NAME"></td>
</tr>
<tr>
<td align="center" bgcolor = "#cfcf00">생년월일</td>
<td colspan="3">
<input type="text" name="yy" size="4" maxlength="4" placeholder="년(4자)">
</select>
<select name="mm"><option value="">선택</option>
                            <option value="01" >1</option>
                            <option value="02" >2</option>
                            <option value="03" >3</option>
                            <option value="04" >4</option>
                            <option value="05" >5</option>
                            <option value="06" >6</option>
                            <option value="07" >7</option>
                            <option value="08" >8</option>
                            <option value="09" >9</option>
                            <option value="10" >10</option>
                            <option value="11" >11</option>
                            <option value="12" >12</option>
</select>월

<input type="text" name="dd" maxlength="2" placeholder="일" size="4" >일

</td>
</tr>


<tr>
<td align="center" bgcolor = "#cfcf00">이메일</td>
<td colspan="3"><input type="text" name="email">@<select name="email1"><option>선택해주세요</option><option value="naver.com">naver.com</option></select></td>
</tr>
<tr>
<td align="center" bgcolor = "#cfcf00">직업</td>
<td colspan="3"><select name="job"><option value="인터넷">인터넷</option><option value="정보통신">정보통신</option></select></td>
</tr>
<tr>
<td colspan="4" align="center">
<input type="submit" value="등록">
<input type="button" value="취소" onclick="cnlth()">
</td>
</tr>
</table>
</form>

</body>
</html>