<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
insertForm은 DBConn 연결을 위해 com.test를 연결 및 오라클데이터베이스를 연결 하기위해 java.sql을 사용한다
<%@ page import="java.sql.*"%>
<%@ page import="com.test.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
스크립트 영역 내부에 window.onload를 작성 한다.
window.onload = function() {
객체 생성 하여 input type="text"를 통해 받은 값을 생성한 객체에 저장하되 단다.
var id = document.getElementById("id");
var first = document.getElementById("first");
var last = document.getElementById("last");
var age = document.getElementById("age");
var errMsg = document.getElementById("errMsg");
document.getElementById("myForm").onsubmit = function() {
//데이터 검사 과정 추가 ->err발생시 -> 메시지출력 -> return false;
->빈칸 검사
if (id.value == "" && first.value == "") {
errMsg.innerHTML = "id,first를 채워야 합니다";
return false;
}
if (id.value == "") {
errMsg.innerHTML = "id를 채워야 합니다";
return false;
}
if (first.value == "") {
errMsg.innerHTML = "first를 채워야 합니다";
return false;
}
->숫자만 받는다.
if (isNaN(id.value)) {
errMsg.innerHTML = "id에 숫자를 입력하세요"
return false;
}
if (isNaN(age.value)) {
errMsg.innerHTML = "age에 숫자를 입력하세요"
return false;
}
->30글자 내
if (age.value > 30) {
errMsg.innerHTML = "30글자 내로만 작성 가능합니다."
return false;
}
//서브밋 액션 처리
-> 각종에러가 발생되면 return false;를 통해서 멈추게 되고, if문을 그냥 지나갈 경우 return true; 를 통해 정상작동!
return true;
};
};
</script>
</head>
<body>
<div>
<%-- 회원 정보(id,age,first,last) 입력 폼 페이지 --%>
<h1>회원 정보</h1>
<p><a href = "Sample15Main.jsp">회원명단</a></p>
<form action="Sample15insert.jsp" method="post" id="myForm">
form 구문에 action 작성 필수! 및 method = "post" 값을 반드시 줘야한다. post값은 고정!
또한 myForm을 지정해주므로써 검사 과정을 진행시킬수 있다.
<table>
<tr>
<th>ID*</th>
<td>
중요! <%-- id="" -> javascript name="" -> jsp --%>
식별자를 모두 사용해 검사과정과 값을 받아오는 과정에서 모두 사용 되어야 한다!
<input type="text" name="id" id="id"> (숫자전용)
</td>
</tr>
<tr>
<th>Age</th>
<td>
<input type="text" name="age" id="age"> (숫자전용)
</td>
</tr>
<tr>
<th>First*</th>
<td>
<input type="text" name="first" id="first">
</td>
</tr>
<tr>
<th>Last</th>
<td>
<input type="text" name="last" id="last">
</td>
</tr>
<tr>
<th></th>
<td><input type="submit" value="회원가입">
->에러 메세지 출력 위치 및 속성 설정
<span id="errMsg" style="color: red">
</span>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
'JSP' 카테고리의 다른 글
| StudentMain (1) | 2015.05.15 |
|---|---|
| Insert작성방법 (0) | 2015.05.15 |
| Main작성방법 (1) | 2015.05.15 |
| JSP3일차 (0) | 2015.05.13 |
| JSP설정방법 (0) | 2015.05.13 |
알 수 없는 사용자