위 그림과 같은 경우,
let f = document.lform;
let id = f.id.value;
let password = f.password.value;
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="/Mission-WEB/css/layout.css">
<link rel="stylesheet" href="/Mission-WEB/css/board.css">
<script src="/Mission-WEB/js/checkData.js"></script>
<script>
/*
1. js 파일 내에 checkData.js 으로 옮겼음!!
2. <script src = "~"> 등 으로 해당 js파일을 import 했다.
*/
function isNull(obj, msg){
if(obj.value ==''){
alert(msg);
obj.focus();
return true;
}
return false;
}
function checkForm(){
var f = document.lform;
if(isNull(f.id, '아이디를 입력하세요'))
return false;
if(isNull(f.password, '비밀번호를 입력하세요'))
return false;
/* if(f.id.value ==''){
alert('아이디를 입력해주세요')
f.id.focus();
return false;
}
if(f.password.value == ''){
alert('패스워드를 입력해주세요');
f.password.focus();
return false;
}
return true; */
}
</script>
</head>
<body>
<header>
<jsp:include page="/jsp/include/topMenu.jsp" />
</header>
<section>
<div align ="center">
<br>
<hr>
<h2>로그인</h2>
<hr>
<br>
<form action = "loginProcess.jsp" method ="post" onsubmit ="return checkForm()" name = "lform">
<table style="width : 40%">
<tr>
<th>ID</th>
<td><input type="text" name="id"></td>
</tr>
<tr>
<th>PASSWORD</th>
<td><input type="password" name ="password"></td>
</tr>
</table>
<br>
<button type="submit">로그인</button>
</form>
</div>
<!-- <img src="/Mission-WEB/images/people2.jpg" style="width: 100%; height: 60%;"> -->
</section>
<footer>
<%@ include file="/jsp/include/footer.jsp"%>
</footer>
</body>
</html>'웹 프로그래밍 > JSP' 카테고리의 다른 글
| [JSP] 해석 순서( jsp >> javascript ) : JSTL 등의 jsp 코드는 주석처리되어 화면에 안보임 (0) | 2020.07.23 |
|---|---|
| [JSP] JSTL의 c 라이브러리 중 choose 태그를 사용하는 방법(if, else if, else) (0) | 2020.07.22 |
| [JSP] 표현식과 EL의 차이점 (null과 empty) (0) | 2020.07.22 |
| [JSP] 개발자 모드에서 네트워크 상태 보는 방법(parameter 정보, request 방식 등) (0) | 2020.07.22 |
| [JSP] 파라미터란? (+ request 객체에 대한 생각) (2) | 2020.07.22 |
