본문 바로가기
22.05.24~22.11.16/Project

7월 project 2 <회원가입>

by 10월의끝 2022. 7. 22.

 

회원가입 페이지 화면 구성

<title>회원가입</title>

</head>
<body bgcolor='FFFFF1'>
<form action="<%= request.getContextPath() %>/test/member/joinSuccess.jsp" method="post" onsubmit="return joinForm()">
<ol>
	<ol>
	<table bordercolor="DEB887" border="1"> 
		<tr><td><h2>  회원가입 화면  </h2></td></tr>
	</table>
	</ol>
</ol>
<p>
<br>
<ol>
	<ol>
	<li>아이디</li> <br/> <input type="id" name="id" size="15">
	<font size="2.8em" color="gray">아이디를 입력하세요.</font> 
</p>
<br>
<p>
	<li>비밀번호</li> <br/> <input type="password" name="password" size="15"> 
	<font size="2.8em" color="gray">비밀번호를 입력하세요.</font> 
</p>
<br>
<p>
	<li>비밀번호 확인</li> <br/> <input type="password2" name="password2" size="15">
	<font size="2.8em" color="gray">비밀번호를 입력하세요.</font> 
</p>
<br>
<p>
	<li>이름</li> <br/> <input type="name" name="name" size="15">
	<font size="2.8em" color="gray">이름을 입력하세요.</font> 
</p>
<br>
<p>
	<li>생년월일</li> <br/> <input type="Date" name="Date" size="15">
	<font size="2.8em" color="gray">생년월일을 입력하세요.</font> 
</p>
	</ol>
</ol>
<br>

<hr>
<br>
	<div style="text-align:center">
	<input type="submit" id="submit" value="가입">&nbsp;&nbsp;
	<input type="reset" value="초기화">
	</div>
<br>
	
</body>
</html>

 

 

 

회원 가입 성공 코드 

<% 
	String id = request.getParameter("id");	
	String password = request.getParameter("password"); 
	if(id == "") { %>
<script>
	alert("아이디를 입력하세요.");
	history.go(-1);
</script>
<% } else if(password == "") { %>
<script>
	alert("비밀번호를 입력하세요.");
	history.go(-1);
</script>
<% } else { %>	

<html>
<head><title>회원가입 완료</title></head>

<body bgcolor='FFFFF0'>
<form action="<%= request.getContextPath() %>/test/member/sessionLoginForm.jsp" method="post">

<hr>
<br>
<div style="text-align:center">

	<%=request.getParameter("id") %>님, 반갑습니다. 회원 가입에 성공하였습니다.<br>

<br>
<input type="submit" value="로그인 화면으로 이동하기"> 
</div>
<br>
<hr>

</body>
</html>
<% } %>

비밀번호 입력 칸이 공백일시 뜨는 팝업 알림창

 

 

회원가입 성공 화면