회원가입페이지/뷰페이지/회원가입 페이지

easyliving·2022년 12월 28일
0

FRONT_END (JAVA_SCRIPT)

목록 보기
11/55

초기 회원가입 페이지

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>회원가입</title>
		<script src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script>
		 $(function(){
			 $("#formBtn").click(function(){
				alert("데이터를 전송합니다.");
				frm.submit();
			 })
			 
		  $("#email3").change(function(){
			  	alert("email주소가 선택되었습니다.");
				 	if($("#email3").val()==""){
				 		$("#email2").val("");
				 		$("#email2").attr("readOnly",false);
				 	}else{
				 		$("#email2").val($("#email3").val());
				 		$("#email2").attr("readOnly",true);
				 	}
			
		 })	 
			 })
	
		</script>
	</head>
	<body>
		<h2>회원가입</h2>
		<form action="formWrite.jsp" method="post" name="frm">
			<label>이름</label>
			<input type="text" name="name" id="name" ><br>
			<label>아이디</label>
			<input type="text" name="id" id="id" ><br>
			<label>패스워드</label>
			<input type="password" name="pw" id="pw" ><br>
			<label>성별</label>
			<input type="radio" name="gender" id="male" value="male">
			<label for="male">남자</label>
			<input type="radio" name="gender" id="female" value="female">
			<label for="female">여자</label><br>
			<label>취미</label><br>
			<input type="checkbox" name="hobbies" id="golf" value="golf">
			<label for="golf">골프</label>
			<input type="checkbox" name="hobbies" id="game" value="game">
			<label for="game">게임</label>
			<input type="checkbox" name="hobbies" id="swimming" value="swimming">
			<label for="swimming">수영</label>
			<input type="checkbox" name="hobbies" id="reading" value="reading">
			<label for="reading">독서</label><br>
			<label>이메일</label>
			<input type="text" name="email1" id="email1" >@
			<input type="text" name="email2" id="email2" value="" >
			<select name="email3" id="email3" onchange="emailChange()">
				<option value="" selected>직접선택</option>
				<option value="naver.com">네이버</option>
				<option value="daum.net">다음</option>
				<option value="gmail.com">지메일</option>
				<option value="nate.com">네이트</option>
			</select>
			<br>
			<br>
			<input type="button" id="formBtn"  value="전송">
			<input type="reset" value="취소">		
		</form>
	</body>
</html>

뷰페이지

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% request.setCharacterEncoding("utf-8"); %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>뷰페이지</title>
		<style>
			table,th,td{border: 1px solid black; border-collapse: collapse;}
			table{width:600px;}
			th{width:180px; height:40px;}
			td{width:430px; height:40px;}		
		</style>
	</head>
	<body>
		<table>
			<tr>
				<th>이름</th>
				<td><%=request.getParameter("name") %></td>
			</tr>
			<tr>
				<th>아이디</th>
				<td><%=request.getParameter("id") %></td>
			</tr>
			<tr>
				<th>패스워드</th>
				<td><%=request.getParameter("pw") %></td>
			</tr>
			<tr>
				<th>성별</th>
				<td><%=request.getParameter("gender") %></td>
			</tr>
			<tr>
				<th>취미</th>
				<td><% String[] hobbies=request.getParameterValues("hobbies");
					String hobby="";
					for(int i=0;i<hobbies.length;i++){
						if(i==0) hobby+=hobbies[i];
						else hobby+=","+hobbies[i];
					}
					out.println(hobby);
				
				%></td>
			</tr>
			<tr>
				<th>이메일1</th>
				<td><%=request.getParameter("email1") %></td>
			</tr>
			<tr>
				<th>이메일2</th>
				<td><%=request.getParameter("email2") %></td>
			</tr>
			<tr>
				<th>이메일3</th>
				<td><%=request.getParameter("email2") %></td>
			</tr>
		</table>
		<br>
		<script type="text/javascript">
			function send_write(){
				alert("글쓰기 페이지로 이동");
				location.href="jsp1226_03.jsp";
			}
		</script>
		
		<form action="jsp1226_04.jsp">
			<input type="hidden" name="name" value='<%=request.getParameter("name") %>'>
			<input type="hidden" name="id" value='<%=request.getParameter("id") %>'>
			<input type="hidden" name="pw" value='<%=request.getParameter("pw") %>'>
			<input type="hidden" name="gender" value='<%=request.getParameter("gender") %>'>
			<input type="hidden" name="hobby" value='<%=hobby %>'>	
			<input type="hidden" name="email1" value='<%=request.getParameter("email1") %>'>
			<input type="hidden" name="email2" value='<%=request.getParameter("email2") %>'>
			<input type="hidden" name="email3" value='<%=request.getParameter("email3") %>'>
			<button type="button" onclick="send_write()">글쓰기</button>
			<button type="submit">글수정</button>		

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

수정 회원가입페이지


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>회원가입</title>
		<script src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script>
		 $(function(){
			 $("#formBtn").click(function(){
				alert("데이터를 전송합니다.");
				frm.submit();
			 })
			 
		  $("#email3").change(function(){
			  	alert("email주소가 선택되었습니다.");
				 	if($("#email3").val()==""){
				 		$("#email2").val("");
				 		$("#email2").attr("readOnly",false);
				 	}else{
				 		$("#email2").val($("#email3").val());
				 		$("#email2").attr("readOnly",true);
				 	}
			
		 })	 
			 })
	
		</script>
	</head>
	<body>
		<h2>회원가입</h2>
		<form action="" method="post" name="frm">
			<label>이름</label>
			<input type="text" name="name" id="name" value='<%=request.getParameter("name") %>'><br>
			<label>아이디</label>
			<input type="text" name="id" id="id" value='<%=request.getParameter("id") %>' ><br>
			<label>패스워드</label>
			<input type="password" name="pw" id="pw" value='<%=request.getParameter("pw") %>'><br>
			<label>성별</label>
			<input type="radio" name="gender" id="male" value="male" <%if(request.getParameter("gender").equals("male")) out.println("checked"); %>>
			<label for="male">남자</label>
			<input type="radio" name="gender" id="female" value="female"<%if(request.getParameter("gender").equals("female")) out.println("checked"); %>>
			<label for="female">여자</label><br>
			<label>취미</label><br>
			<input type="checkbox" name="hobbies" id="golf" value="golf" <%if(request.getParameter("hobby").contains("golf"))out.println("checked"); %>>
			<label for="golf">골프</label>
			<input type="checkbox" name="hobbies" id="game" value="game"<%if(request.getParameter("hobby").contains("game"))out.println("checked"); %>>
			<label for="game">게임</label>
			<input type="checkbox" name="hobbies" id="swimming" value="swimming"<%if(request.getParameter("hobby").contains("swimming"))out.println("checked"); %>>
			<label for="swimming">수영</label>
			<input type="checkbox" name="hobbies" id="reading" value="reading" <%if(request.getParameter("hobby").contains("reading"))out.println("checked"); %>>
			<label for="reading">독서</label><br>
			<label>이메일</label>
			<input type="text" name="email1" id="email1" value='<%=request.getParameter("email1") %>'>@
			<input type="text" name="email2" id="email2" value='<%=request.getParameter("email2") %>'>
			<select name="email3">
				<option value="" <% if(request.getParameter("email3").equals(""))out.println("selected"); %> >직접선택</option>
				<option value="naver.com" <% if(request.getParameter("email3").equals("naver.com"))out.println("selected"); %>>네이버</option>
				<option value="daum.net" <% if(request.getParameter("email3").equals("daum.net"))out.println("selected"); %>>다음</option>
				<option value="gmail.com" <% if(request.getParameter("email3").equals("gmail.com"))out.println("selected"); %>>지메일</option>
				<option value="nate.com" <% if(request.getParameter("email3").equals("nate.com"))out.println("selected"); %>>네이트</option>
			</select>
			<br>
			<br>
			<input type="button" id="formBtn" value="전송">
			<input type="reset" value="취소">		
		</form>
	</body>
</html>

공부

profile
easyliving
가끔져요
이전 포스트

글쓰기/뷰페이지/글수정

다음 포스트

radio/checkbox/select/ 정보 입력/뷰페이지/수정

0개의 댓글