묻고답하기
회원가입 폼 만들려고 하는데 경고창 띄운다음 페이지 이동이 문제네요.
2006.01.10 23:19
아래처럼 가입 양식 만들었습니다.
아이디 안쓰고 submit 누르면 경고창 띄워지고 확인 누르면 input 에 focus 가도록 했는데
페이지가 그냥 action= member_save.html 로 이동합니다.
문제가 뭔지 알수 있을까요?
<html>
<head>
<style>
body,td,input{font-size:9pt};
</style>
<script language="javascript">
<!--
//체크함수
function send() {
if(document.join.id.value.length==0) {
alert('아이디를 입력하세요');
document.join.id.focus();
return;
}
}
-->
</script>
</head>
<body >
<form name='join' action=member_save.html method=post>
<table border=1 align=center>
<tr>
<td colspan=2>회원가입 양식</td>
</tr>
<tr>
<td>아이디</td><td><input type=text name='id' maxlength=15 size=10 value='<?=$name?>' ></td>
</tr>
중략........
<tr>
<td align=center colspan=2><input type=submit name=submit value='가입' onclick='send()' ><input type=reset value='다시쓰기'></td>
</tr>
</table>
</form>
</body>
</html>
아이디 안쓰고 submit 누르면 경고창 띄워지고 확인 누르면 input 에 focus 가도록 했는데
페이지가 그냥 action= member_save.html 로 이동합니다.
문제가 뭔지 알수 있을까요?
<html>
<head>
<style>
body,td,input{font-size:9pt};
</style>
<script language="javascript">
<!--
//체크함수
function send() {
if(document.join.id.value.length==0) {
alert('아이디를 입력하세요');
document.join.id.focus();
return;
}
}
-->
</script>
</head>
<body >
<form name='join' action=member_save.html method=post>
<table border=1 align=center>
<tr>
<td colspan=2>회원가입 양식</td>
</tr>
<tr>
<td>아이디</td><td><input type=text name='id' maxlength=15 size=10 value='<?=$name?>' ></td>
</tr>
중략........
<tr>
<td align=center colspan=2><input type=submit name=submit value='가입' onclick='send()' ><input type=reset value='다시쓰기'></td>
</tr>
</table>
</form>
</body>
</html>
댓글 3
-
후...
2006.01.14 01:21
-
후...
2006.01.14 01:23
또는 타입을 submit으로 할시,
<input type=submit name=submit value='가입'+ '+ '>
<form name='join' action=member_save.html method=post onSubmit="return send();">
로 바꿔 주신뒤, 자바스크립트 체크함수에서
function send() {
if(document.join.id.value.length==0) {
alert('아이디를 입력하세요');
document.join.id.focus();
return false;
}
}
로 바꿔주시면 됩니다. -
후...
2006.01.14 01:31
간단히 설명을 드리자면...<br>
인풋 타입을 submit으로 해주시면 결과가 어떻든 액션에 적힌 페이지로 넘어 갑니다.
그래서 submit으로 해주시엔 정해진 페이지로 넘어가기전 검사해야 할것이 있다면...
onsubmit를 이용해서 받아 지는 값이 참일때만 넘어가게 하거나
인풋 타입을 버튼으로 해서 체크함수에서 체크하고 난뒤 문제가 없을시
폼을 실행시키는 submit()를 체크함수 맨마지막에 적어 줍니다...
도움이 됐으면 해요...
여기서 타입을 button 으로 바꿔주신뒤, 자바스크립트 체크함수에
function send() {
if(document.join.id.value.length==0) {
alert('아이디를 입력하세요');
document.join.id.focus();
return;
}
document.join.submit();
}
로 변경 해주시면 됩니다.