체크박스를 체크해야만 다음페이지로 가는 거 어떻게 해야 하나요?
항상 도움을 많이받고 있습니다.
체크박스를 체크해야만 다음페이지로 가는 거 어떻게 해야 하나요?
아래 소스에 뭐를 더추가해야 할지 고수님들의 많은조언 부탁드립니다.
<table width="745" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:5px solid #EFEFEF; margin-top:10px;">
<tr>
<td style="padding:15px 5px;" class="lh">
<form name="fregister" method="POST" onsubmit="return fregister_submit(this);" autocomplete="off">
<textarea style="width:100%; id="cf_privacy" class="info" readonly rows=5>
내용
</textarea>
</form>
<input type=checkbox value=1 name=agree id=agree> <label for=agree>내용에 동의합니다.</label>
<a href="http://www.naver.com/"><img src="btn.gif" border="0">
체크박스를 체크해야만 다음페이지로 가는 거 어떻게 해야 하나요?
아래 소스에 뭐를 더추가해야 할지 고수님들의 많은조언 부탁드립니다.
<table width="745" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:5px solid #EFEFEF; margin-top:10px;">
<tr>
<td style="padding:15px 5px;" class="lh">
<form name="fregister" method="POST" onsubmit="return fregister_submit(this);" autocomplete="off">
<textarea style="width:100%; id="cf_privacy" class="info" readonly rows=5>
내용
</textarea>
</form>
<input type=checkbox value=1 name=agree id=agree> <label for=agree>내용에 동의합니다.</label>
<a href="http://www.naver.com/"><img src="btn.gif" border="0">
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 10개
<form name="fregister" method="POST" action="javascript:fregister_submit(document.fregister);" autocomplete="off"> -> 폼 선언 하고 그 값을 자바스크립트로 비교
<script language="javascript">
function fregister_submit(f)
{
if (!f.agree.checked) {
alert("동의 해야 넘어가집니다..");
f.agree.focus();
return;
}
</script>
이런식으로 바꾸셔서 적용하심 될거 같아요
<textarea style="width:100%; id="cf_privacy" class="info" readonly rows=5>
내용
</textarea>
<input type=checkbox value=1 name=agree id=agree> <label for=agree>내용에 동의합니다.</label>
</form>
<script language="javascript">
function fregister_submit(f)
{
if (!f.agree.checked) {
alert("동의 해야 넘어가집니다..");
f.agree.focus();
return;
}
</script>
이렇게 했는데 안되네요ㅠ_ㅠ
<폼 선언 하고 그 값을 자바스크립트로 비교>
제가 아주 초보라 이해를 못하겠네요^^ 죄송합니다.
좀더 쉽게 설명해 주시면 고맙겠습니다.
즐거운 시간...
<form name="fregister" method="POST" action="javascript:fregister_submit();" autocomplete="off">
<textarea style="width:100%; id="cf_privacy" class="info" readonly rows=5>
내용
</textarea>
<input type=checkbox value=1 name=agree id=agree> <label for=agree>내용에 동의합니다.</input>
<input type=submit>
</form>
<script language="javascript">
function fregister_submit()
{
if (!document.fregister.agree.checked) {
alert("동의 해야 넘어가집니다..");
document.fregister.agree.style.background="red";
return;
}
}
</script>
form에 선언된 아이디를 submit 할때 최종적으로 점검하기 위해
script function 을 넣어서
항목이 공란이면 경고창이 떠야 하는데.. 흠...
이렇게 고쳐보세요
<script language="javascript">
function fregister_submit(f)
{
if (!f.agree.checked) {
alert("동의 해야 넘어가집니다..");
f.agree.focus();
return;
}
f.action = "./이동할 페이지";
f.submit();
}
if (typeof(document.fregister.mb_name) != "undefined")
document.fregister.mb_name.focus();
</script>
직접해 보니 f인자를 던져도 되는군요.
<form name="fregister" method="POST" action="javascript:fregister_submit(document.fregister);" autocomplete="off">
<textarea style="width:100%; id="cf_privacy" class="info" readonly rows=5>
내용
</textarea>
<input type=checkbox value=1 name=agree id=agree> <label for=agree>내용에 동의합니다.</input>
<input type=submit>
</form>
<script language="javascript">
function fregister_submit(f)
{
if (!f.agree.checked) {
alert("동의 해야 넘어가집니다..");
f.agree.style.background="red";
return;
}
}
</script>
만약 체택하신다면 DiZiNOr 님께 포인트 드리세요.
저는 글자 몇개 바꾼거 밖에 없네요 ㅋㅋ
이해를 못해서 죄송할 따름이네요ㅠ_ㅠ
체크박스는 한군데고 이동버튼은 5개 입니다.
각각 버튼을 클릭하여 이동하기전 체크를 해야지만 이동되게 할려고 합니다
원본소스를 전체 올려볼께요^^
<?
include_once("_common.php");
include_once("$g4[path]/lib/mw.builder.lib.php");
include_once("_head.php");
?>
<div style="height:500px;">
<!-- home start-->
<style type="text/css">
#main { margin:0px 0 0 0; }
#main .latest-block { margin:7px 0 0 0; }
</style>
<!--등록 버튼5개script--><script language="JavaScript"><!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length-1; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script><!--등록 버튼5개script//-->
<table width=100% id="main" border=0 cellpadding=0 cellspacing=0>
<td width=180 valign=top>
<?=outlogin("mw.outlogin2")?>
<div class="latest-block"><?=mw_latest("mw.index.side2", "B02_02", 4, 35, 0, $mw[config][cf_index_cache])?></div>
</td>
<td width=7></td>
<td valign=top>
<table width="745" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:5px solid #EFEFEF; margin-top:10px;">
<tr>
<td style="padding:15px 5px;" class="lh">
<form name="fregister" method="POST" action="javascript:fregister_submit(document.fregister);" autocomplete="off">
<textarea style="width:100%; id="cf_privacy" class="info" readonly rows=5>
내용
</textarea>
<input type=checkbox value=1 name=agree id=agree> <label for=agree>약관 내용에 동의합니다.</label>
</form>
</td>
</tr>
</table><br>
<script language="javascript">
function fregister_submit(f)
{
if (!f.agree.checked) {
alert("동의 해야 넘어가집니다..");
f.agree.focus();
return;
}
</script>
<br>
<!--■■■등록 버튼5개 시작-->
<a href="/bbs/write.php?bo_table=B01" onfocus="this.blur()" OnMouseOut="na_restore_img_src('image91', 'document')" OnMouseOver="na_change_img_src('image91', 'document', 'item_reg/in_item_03_2.gif', true)"><img border="0" src="item_reg/in_item_03.gif" name="image91"></a><br>
<a href="/bbs/write.php?bo_table=B02" onfocus="this.blur()" OnMouseOut="na_restore_img_src('image92', 'document')" OnMouseOver="na_change_img_src('image92', 'document', 'item_reg/in_item_04_2.gif', true)"><img border="0" src="item_reg/in_item_04.gif" name="image92"></a><br>
<a href="/bbs/write.php?bo_table=B05" onfocus="this.blur()" OnMouseOut="na_restore_img_src('image93', 'document')" OnMouseOver="na_change_img_src('image93', 'document', 'item_reg/in_item_05_2.gif', true)"><img border="0" src="item_reg/in_item_05.gif" name="image93"></a><br>
<a href="/bbs/write.php?bo_table=B03" onfocus="this.blur()" OnMouseOut="na_restore_img_src('image94', 'document')" OnMouseOver="na_change_img_src('image94', 'document', 'item_reg/in_item_06_2.gif', true)"><img border="0" src="item_reg/in_item_06.gif" name="image94"></a><br><br>
<a href="/bbs/write.php?bo_table=B04" onfocus="this.blur()" OnMouseOut="na_restore_img_src('image96', 'document')" OnMouseOver="na_change_img_src('image96', 'document', 'item_reg/in_item_07_2.gif', true)"><img border="0" src="item_reg/in_item_07.gif" name="image96"></a><br><br></p><!--등록 버튼5개 끝■-->
</td>
</table><!-- main -->
<!-- g3.home end -->
</div>
<?
include_once("_tail.php");
?>
이 소스는 체크 2개에 이동 페이지 2개 선택인데
응용해서 고치시면 될듯..
소스 원본입니다.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<form name="fregister" method="POST" onsubmit="return fregister_submit(this);" autocomplete="off" style="padding:0;">
<input type=hidden name=kind>
<table width=600 cellspacing=0 cellpadding=0 align=center>
<tr>
<td align=center>
<table width="100%" cellspacing="0" cellpadding="0">
<tr><td align=center><img src="<?=$member_skin_path?>/img/join_title.gif" width="624" height="72"></td></tr>
</table>
<? if ($config[cf_use_jumin]) { // 주민등록번호를 사용한다면 ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height=25></td>
</tr>
<tr>
<td>
<table cellspacing=1 cellpadding=0 width=100% border=0>
<tr>
<td width="140" height=30> <b>이름</b></td>
<td width=""> <input name=mb_name itemname="이름" required minlength="2" nospace hangul class=ed></td>
</tr>
<tr>
<td height=30> <b>주민등록번호</b></td>
<td> <input name=mb_jumin itemname="주민등록번호" required jumin minlength="13" maxlength=13 class=ed><font style="font-family:돋움; font-size:9pt; color:#66a2c8"> ※ 숫자 13자리 중간에 - 없이 입력하세요.</font></td>
</tr>
</table>
</td>
</tr>
</table>
<? } ?>
<br>
<table width="100%" cellpadding="4" cellspacing="0">
<tr><td height=30> <b>회원가입약관</b></td></tr>
<tr><td align="center" valign="top"><textarea style="width: 98%; height:100px; font-size:10px; padding:10px 5px 10px 7px;" readonly class=ed><?=get_text($config[cf_stipulation])?></textarea></td></tr>
<tr><td height=30> <input type=checkbox value=1 name=agree id=agree> <label for=agree>회원가입약관을 읽었으며 내용에 동의합니다.</label></td></tr>
</table>
<br>
<table width="100%" cellpadding="4" cellspacing="0">
<tr><td height=30> <b>개인정보취급방침</b></td></tr>
<tr><td align="center" valign="top"><textarea style="width: 98%; height:100px; font-size:10px; padding:10px 5px 10px 7px;" readonly class=ed><?=get_text($config[cf_privacy])?></textarea></td></tr>
<tr><td height=30> <input type=checkbox value=1 name=agree2 id=agree2> <label for=agree2>개인정보취급방침을 읽었으며 내용에 동의합니다.</label></td></tr>
</table>
</td>
</tr>
</table>
<br><br>
<div align=center>
<a href="javascript:join_mem('student')"><img src="<?=$member_skin_path?>/img/join_ok_btn_s.gif" alt='학생회원가입'></a>
<a href="javascript:join_mem('teacher')"><img src="<?=$member_skin_path?>/img/join_ok_btn_t.gif" alt='선생님회원가입'></a>
</div>
<br><br>
</form>
<script language="javascript">
function join_mem(k){
document.fregister.kind.value = k;
document.fregister.onsubmit();
}
function fregister_submit(f) {
if (!f.agree.checked) {
alert("회원가입약관의 내용에 동의해야 회원가입 하실 수 있습니다.");
f.agree.focus();
return false;
}
if (!f.agree2.checked) {
alert("개인정보취급방침의 내용에 동의해야 회원가입 하실 수 있습니다.");
f.agree2.focus();
return false;
}
f.action = "./register_form.php";
f.submit();
}
if (typeof(document.fregister.mb_name) != "undefined")
document.fregister.mb_name.focus();
</script>
리턴에서
return;
이 안먹히는 경우가 있으니
return false;
로 하는게 좋을거 같네요.
DiZiNOr님께 답변채택 드리라고 eVerRock께서 말씀하셨는데 제가봐도 DiZiNOr님께 답변채택 드려야 할것 같네요.
혹시 저같은 초보자가 알기 쉽고 적용하기쉬운방법 있으시면 활용팁게시판에 올려주시면 감사하겠습니다.