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

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> 를 사용합니다.

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.