본문 바로가기

javaScript

[javaScript] 로그인 (jsp 연동) ★★

------- HTML
<body> 


<form action="NewFile.jsp" id="LoginForm" name="LoginForm" onsubmit="return submitForm(this)"> 
<fieldset> 
<legend>로그인</legend> 
아이디&nbsp;&nbsp;&nbsp;<input type="text" id="LoginId" name="LoginId" maxlength="15"><br> 
비밀번호<input type="password" id="LoginPass" name="LoginPass" maxlength="15"><br> 



<input type="submit" value="로그인"> 
</fieldset> 
</form> 


<script type="text/javascript"> 

function submitForm(formEI) { 
var errorMsg = null; 
var objFocus = null; 

if(formEI.LoginId.value.length == 0){ 
errorMsg = "아이디를 입력해주세요."; 
objFocus = formEI.LoginId; 

else if(formEI.LoginId.value.length < 8){ 
errorMsg = "8자 이상의 아이디를 입력해주세요."; 
objFocus = formEI.LoginId; 


else if(formEI.LoginPass.value.length == 0){ 
errorMsg = "패스워드를 입력해주세요."; 
objFocus = formEI.LoginPass; 


if(errorMsg != null){ 
alert(errorMsg); 
objFocus.focus(); 
return false; 



//location.herf = "Newfile.jsp"; 

return true; 






</script> 


</body>


------ JSP

<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 

<h1>여기는 jsp 공간입니다.</h1> 


<% 
String id = request.getParameter("LoginId"); 
String pass = request.getParameter("LoginPass"); 

out.println("ID = " + id + "<br>"); 
out.println("PW = " + pass); 

%> 

</body> 
</html>