2019. 5. 16. 14:57
1. loggin_Page.html
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>TITLE</title>
</head>
<body>
<form name="loggin_page" method="post" action="loggin.jsp">
id : <input type="text" name="id"/><br/>
password : <input type="text" name="password"/><br/>
<button>로그인</button>
</form>
<button onclick="location.href='reg_page.html'">회원가입</button>
</body>
</html>
2. reg_page.html
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>회원가입 페이지</title>
<script>
function check_form()
{
var id = document.reg_form.id.value ;
if(id == null || id.length < 4)
{
alert('아이디는 4자 이상이어야 한다!');
return false;
}
return true;
}
</script>
</head>
<body>
<form name="reg_form" method="post" action="reg_page.jsp" onSubmit="return check_form()">
id : <input type="text" name="id"/><br/>
password : <input type="text" name="password"/><br/>
password check : <input type="text" name="password1"/><br/>
<input type="submit" value="회원가입">
</form>
</body>
</html>>자바스크립트 <script></script>
>> var id = document.reg_form.id.value;
자바스크립트에서 document 제타위키 내용
- 웹브라우저가 HTML 문서를 적재하면 document 객체가 됨
- HTML 태그들 중 최상위 노드
- 다른 모든 노드(태그)들의 소유자
>alert 오타 주의하기
>onclick >> 클릭하면
>location.href >> reg_page.html로 이동한다는 의미
3. loggin.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
request.setCharacterEncoding("euc-kr");
String id = request.getParameter("id");
String password = request.getParameter("password");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<%= id %>님! 환영합니다!<br/>
</body>
</html>4. reg_page.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
request.setCharacterEncoding("euc-kr");
String id = request.getParameter("id");
String password = request.getParameter("password");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<%= id %>님! 환영합니다!<br/>
</body>
</html>
데이터 베이스와 연동한것이 아니기때문에 로그인도 아무거나 쳐도 로그인되고 가입도 아무거나 쳐도 가입이되는데
html과 jsp사이의 이해를 위한 것이니 동작의 흐름이 중요
jsp는 서버에서 결과를 처리해서 보여주는 결과
'JSP' 카테고리의 다른 글
| [JSP] 13. HTML 문단 태그 (0) | 2019.05.23 |
|---|---|
| [JSP] 12. HTML ? (0) | 2019.05.23 |
| [JSP] 10. Tomcat서버에 HTML 작성하여 띄워보기 (0) | 2019.05.16 |
| [JSP] 9. 공유기 설정 (포트 포워딩) (0) | 2019.05.16 |
| [JSP] 8. HTML 파일 만들기 WebContent(디렉터리) (0) | 2019.05.16 |