홈페이지 만들고 있는데 잠깐 봐주실수 있을까요?
글쓴이: lalupo20 / 작성시간: 토, 2020/09/26 - 12:09오후
<%@ 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>
Forums:
아 수정했습니다.
!form.password.value 이부분이 문제였네요 !form.password1.value로 변경해주었더니 잘 작동합니다.
이상하게 kldp에 질문 올리고 나면 답을 찾게 되네요.
;;
kldp에 질문 올리고 답 찾으신 기념 선물
세벌 https://sebuls.blogspot.kr/
아 그런가요? 참고하는 책이 옛날에 산거다 보니 그랬나보네요.
알려주셔서 감사합니다.
html5 에서는 그냥 <script> 를 사용합니다
html5 에서는 그냥 <script> 를 사용합니다.
댓글 달기