본문 바로가기
IT와 코딩

JSP html 회원가입 양식

by 불타는통닭 2022. 10. 4.

JSP HTML 회원가입 간편 양식 정의

form 태그와 input 태그를 이용하여 간단하게 정보를 받아서 BeanEx1Res.jsp 로 던져준다.

 

BeanEx1.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="ko">
   <head>
      <meta charset="UTF-8">
      <title>BeanEx1.jsp</title>
   </head>
   <body>
   <form action="BeanEx1Res.jsp">

		
		      
		    아이디 : <input type="text" name="id"> <br>
		    비밀번호: <input type="password" name="pw"><br>
		    비밀번호확인: <input type="password" name="pw2"><br>
		    이름: <input type="text" name="name"><br>
		    주소: <input type="text" name="addr"><br>
		    이메일:<input type="email" name="email"><br>
		    전화번호:<input type="text" name="phon"><br>
		    추천인:<input type="text" name="ch"><br>
		  <input type="submit" value="로그인">


		  
	</form>
 
		      
		      
		      
   </body>
</html>

 

 

BeanEx1.jsp 에서 get 방식으로 던 저진 name을 request.getParameter 로 받아서 String 변수에다가 저장하고 출력을 한다.

BeanEx1Res.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="ko">
   <head>
      <meta charset="UTF-8">
      <title>BeanEx1Res.jsp</title>
   </head>
   <body>
      
<%      
	request.setCharacterEncoding("utf-8");

String jid = request.getParameter("id");
String jpw = request.getParameter("pw");
String jpw2 = request.getParameter("pw2");
String jname = request.getParameter("name");
String jaddr = request.getParameter("addr");
String jemail = request.getParameter("email");
String jpage = request.getParameter("page");
String jphon = request.getParameter("phon");
String jch = request.getParameter("ch");

%>

<%
	if(jpw.equals(jpw2)){
%>

아이디 : <%= jid %> <br>
비밀번호 : <%=jpw %> <br>
이름 : <%=jname %> <br>
주소 : <%=jaddr %> <br>
이메일 : <%=jemail %> <br>	
전화번호 : <%=jphon %> <br>
추천인 : <%=jch %> <br>	
	
<%}else{
	out.print("비밀번호가 맞지 않습니다");
}
%>

   </body>
</html>

결과

 

댓글