홈페이지 만들고 있는데 잠깐 봐주실수 있을까요?

lalupo20의 이미지

<%@ page contentType="text/html; charset=utf-8"%>
<script language="javascript">
function joinCheck() {
	var form = document.form;
 
	if (!form.userId.value) {
		alert("아이디를 적어주세요.");
		form.userId.focus();
		return;
	}
	if (!form.password.value) {
		alert("비밀번호를 적어주세요.");
		form.password.focus();
		return;
	}	
	if (!form.userName.value) {
		alert("이름을 적어주세요");
		form.name.focus();
		return;
	}	
	if (!form.email.value) {
		alert("이메일 주소를 적어주세요");
		form.email.focus();
		return;
	}	
	if (!form.phone.value) {
		alert("연락처를 적어주세요");
		form.phone.focus();
		return;
	}
	if (form.password1.value != form.password2.value) {
		alert("비밀번호가 일치하지 않습니다.");
		form.password1.focus();
		return;
	}	
 
	form.action="join_ok.jsp"
}
</script>
<html>
<head>
	<title>타이틀</title> 
	<body>	
		<fieldset>
		<legend>회원가입</legend>
		<form method="post" name="form">
		<table>
		<tr><td>아이디</td><td><input type="text" name="userId"  size="20"></td><td><input type="submit" value="중복체크" OnClick="javascript: form.action='duplicationCheck.jsp';"></td></tr>
		<tr><td>비밀번호</td><td><input type="password" name="password1" size="20"></td></tr>		
		<tr><td>비밀번호 확인</td><td><input type="password" name="password2" size="20"></td></tr>
		<tr><td>이름</td><td><input type="text" name="userName" size="20"></td></tr>
		<tr><td>이메일</td><td><input type="email" name="email" size="20"></td></tr>
		<tr><td>연락처</td><td><input type="tel" name="phone" size="20"></td></tr>
		<tr><td></td><td><input type="submit" value="가입" OnClick="javascript:joinCheck();"><input type="submit" value="나가기" OnClick="javascript: form.action='Main.jsp;'"></td></tr>
		</table>
		</form>
		</fieldset>
 
	</body>
</head>
</html>

이런 상황인데 가입버튼을 눌러도 join_ok파일로 넘어가지 않습니다.

로그인하는 부분은 동일한 코드로 잘 작동하는데...

무엇이 잘못된건지 도와주실 수 있나요?

okky에 물어봤는데 답이 안나와서 kldp에 다시 여쭈어 봅니다.

잘 작동하는 로그인 부분 구현은 이렇습니다.

<%@ page contentType="text/html; charset=utf-8"%>
<%@ page import="com.keehl.DataContainer" %>
<script language="javascript">
function loginCheck() {
	var form = document.loginform;
 
	if (!form.userId.value) {
		alert("아이디를 적어주세요.");
		form.userId.focus();
		return;
	}
 
	if (!form.userPassword.value) {
		alert("비밀번호를 적어주세요.");
		form.userPassword.focus();
		return;
	}
 
	form.action="login_ok.jsp"
}
</script>
 
 
<html>
	<title>타이틀</title> 
	<body>
 
<% 
if (DataContainer.getCookies() == null) {
%>
 
		<form name="loginform" method="post" class="loginform">
		<fieldset>
		<legend>로그인 정보</legend>
		<table width="240" height="150">
		<tr><td><label>ID</label></td><td><input type="text" name="userId" size="20"></td></tr>
		<tr><td><label>PW</label></td><td><input type="password" name="userPassword" size="20"></td></tr><!-- javascript: form.action='Join.jsp'; -->
		<tr><td><input type="submit" value="로그인" OnClick="javascript:loginCheck();"></td><td><input type="submit" value="회원가입" OnClick="window.open('JoinForm.jsp');return false;"></td></tr>
		</table>	
		</fieldset>
		</form> 
		<table>
		</table>
<%
} else {
%>
<form name="loginform" action="login_ok.jsp" method="post">
		<fieldset>
		<legend>로그인 정보</legend>
		<table border="0" width="240" height="150">
		<tr>
		 <td>아이디 : <%=DataContainer.getUserId() %></td>
		</tr>
		<tr>
		 <td><a href="http://www.laromacorea.com">내 강의실</a></td>
		</tr>
		<tr>
		 <td><a href="http://www.daum.net">마이페이지</a></td>
		</tr>
		<tr>
		 <td><a href="logout_ok.jsp">로그아웃</a></td>
		</tr>
		<tr>
		 <td><p></p></td>
		</tr>
	</table>
		</fieldset>
		</form>
<%
}
%>
	</body> 
</head>
</html>
lalupo20의 이미지

!form.password.value 이부분이 문제였네요 !form.password1.value로 변경해주었더니 잘 작동합니다.

lalupo20의 이미지

;;

세벌의 이미지

<script language="javascript">
대신
<script type="text/javascript">
권장합니다. 전자는 옛날 방식입니다.
lalupo20의 이미지

알려주셔서 감사합니다.

김정균의 이미지

html5 에서는 그냥 <script> 를 사용합니다.