echajoa/member/join02.php

<?php
	include $_SERVER['DOCUMENT_ROOT'].'/common/lib/comm.php';
?>
<? include("../include/inc_top.php") ?>
<? include("../include/inc_header.php") ?>

<section id="wrap" class="bg_join">
	<section id="content">
		<h2>회원가입</h2>
		<p class="tit_sub">UPRO에 회원으로 가입하시고 UPRO만의 특별한 회원 혜택을 누리세요.</p>
		<div class="join">
			<h3>기본정보 입력</h3>
        <form id="frmMember" name="frmMember" method="post" action="join_proc.php" enctype="multipart/form-data">                                
        <input type="hidden" name="validate" id="validate" value=""/>
        <input type="hidden" name="ds_type" id="ds_type" value="B0"/>
        <input type="hidden" name="ds_level" id="ds_level" value="<?=$ds_level?>"/>
        <input type="hidden" name="cd_user" id="cd_user" value="<?=$cd_user?>"/>
        <input type="hidden" name="mode" id="mode" value="Add"/>
        <!--input type="hidden" name="PageNo" id="PageNo" value="<?=$PageNo?>"/-->
        <input type="hidden" name="idchkresult" id="idchkresult" value="N"/>
        <input type="hidden" name="nm_email" id="nm_email" value=""/>
        <!--input type="hidden" name="nm_hp" id="nm_hp" value=""/-->
			<table class="tbl_h">
				<colgroup>
					<col width="16%">
					<col width="*">
				</colgroup>
				<tr>
					<th>아이디</th>
					<td>
						<input type="text" class="inp_txt" style="width:330px;" name="nm_email1" id="nm_email1"> @
						<input type="text" class="inp_txt" style="margin-right:5px;width:25%;" name="nm_email2" id="nm_email2">
						<span class="select" style="width:200px;">
							<select name="nm_email3" id="nm_email3" onChange="sel_1(this.value)">
								<option value="" selected>직접입력</option>
								<option value="daum.net">daum.net</option>
								<option value="gmail.com">gmail.com</option>
								<option value="hanmail.net">hanmail.net</option>
								<option value="nate.com">nate.com</option>
								<option value="hotmail.com">hotmail.com</option>
								<option value="naver.com">naver.com</option>
								<option value="chollian.net">chollian.net</option>
								<option value="dreamwiz.com">dreamwiz.com</option>
								<option value="empal.com">empal.com</option>
								<option value="freechal.com">freechal.com</option>
								<option value="hanafos.com">hanafos.com</option>
								<option value="kebi.com">kebi.com</option>
								<option value="korea.com">korea.com</option>
								<option value="lycos.co.kr">lycos.co.kr</option>
								<option value="netian.com">netian.com</option>
								<option value="netsgo.com">netsgo.com</option>
								<option value="unitel.co.kr">unitel.co.kr</option>
								<option value="yahoo.co.kr">yahoo.co.kr</option>
							</select>
						</span>
						<input type="button" class="td_btn ty2" id="btn_idchk" title="아이디 확인" value="확인">
					</td>
				</tr>
				<tr>
					<th>비밀번호</th>
					<td><input type="password" class="inp_txt" style="width:330px;" name="nm_pass" id="nm_pass" maxlength="20"> <span class="td_txt">8자~15자 영문, 숫자, 특수문자 조합</span></td>
				</tr>
				<tr>
					<th>비밀번호 확인</th>
					<td><input type="password" class="inp_txt" style="width:330px;" name="nm_pass2" id="nm_pass2" maxlength="20"> <span class="td_txt">8자~15자 영문, 숫자, 특수문자 조합</span></td>
				</tr>
				<tr>
					<th>이름</th>
					<td><input type="text" class="inp_txt" style="width:330px;" name="nm_name" id="nm_name" maxlength="20"></td>
				</tr>
				<tr>
					<th>휴대번호</th>
					<td>
					<input type="text" class="inp_txt" style="width:330px;" name="nm_hp" id="nm_hp" maxlength="20"> <span class="td_txt">숫자만 입력</span>
					</td>
				</tr>
                	<tr>
					<th>관계사</th>
					<td>
					<span class="select2" style="margin-right:5px;width:12%;">
						<select name="ds_company_bp" id="ds_company_bp"></select>
					</span>
					</td>
				</tr>
                	<tr>
					<th>지점</th>
					<td>
						<span class="select2" style="margin-right:5px;width:12%;">
						<select name="ds_branch" id="ds_branch"></select>
					</span>
					</td>
				</tr>
				<tr>
					<th>판매지역</th>
					<td>
						<select name="ds_area" id="ds_area" style="width:210px;"></select>
						<!--span class="select" style="width:210px;">
							<select name="ds_area" id="ds_area"></select>
						</span--ds_area select 가져오기에서 select 가 span태그에 감싸이면 jquery오류 발생함. 우선 span 태그 삭제함.-->
						<!--span class="select" style="width:210px;">
							<select name="ds_area_sub" id="ds_area_sub">
								<option value="">세부지역</option>
							</select>
						</span-->
					</td>
				</tr>
			</table>

			<h3>약관동의</h3>
			<div class="clause_chk_list">
				<p class="all"><span class="check_wrap"><input type="checkbox" name="agree_all" id="agree_all" value=""><i></i><label for="agree_all">전체 약관동의</label></span></p>
				<ul>
					<li>
						<span class="check_wrap"><input type="checkbox" name="ds_agree1" id="ds_agree1" value="Y"><i></i><label for="ds_agree1">[필수] 회원 이용약관</label></span>
						<div>
							<textarea cols="100" rows="10" readonly><? include("../include/clause_txt1.txt"); ?></textarea>
						</div>
					</li>
					<li>
						<span class="check_wrap"><input type="checkbox" name="ds_agree2" id="ds_agree2" value="Y"><i></i><label for="ds_agree2">[필수] 개인정보 수집이용</label></span>
						<div>
							<textarea cols="100" rows="10" readonly><? include("../include/clause_txt2.txt"); ?></textarea>
						</div>
					</li>
		<!--			<li>
						<span class="check_wrap"><input type="checkbox" name="ds_agree3" id="ds_agree3" value="Y"><i></i><label for="ds_agree3">[선택] 마케팅 목적 개인정보 수집/이용</label></span>
						<div>
							<textarea cols="100" rows="10"><? include("../include/clause_txt3.txt"); ?></textarea>
						</div>
					</li>
					<li>
						<span class="check_wrap"><input type="checkbox" name="ds_agree4" id="ds_agree4" value="Y"><i></i><label for="ds_agree4">[선택] 개인정보 제3자 제공</label></span>
						<div>
							<textarea cols="100" rows="10"><? include("../include/clause_txt4.txt"); ?></textarea>
						</div>
					</li>-->
				</ul>
			</div>
          </form>

			<div class="btn_center">
				<a href="#" class="button" id="btn_write">회원가입</a>
			</div>
		</div>
	</section>
</section>
<script laguage="javascript" type="text/javascript">
    $(document).ready(function() {
        
        setCodeSelect("listcode","ds_area", "member_master","ds_area","<?=$ds_area?>","선택하세요","");
        setCodeSelect("listcode","ds_company_bp", "member_master","ds_company_bp","<?=$ds_company_bp?>","선택하세요","");

<? if (!empty($ds_branch)){ ?>
		setCodeSelect("listcode","ds_branch", "member_master","ds_branch","<?=$ds_branch?>","선택하세요","<?=$ds_company_bp?>");
<? } ?>
		
		$("#ds_company_bp").change(function(){
			setCodeSelect("listcode","ds_branch", "member_master","ds_branch","<?=$ds_branch?>","선택하세요",$(this).val());	
		});
    
        $("#cd_userid").bind("keyup",function(){
            $("#idchkresult").val("N");
        });
        
        $("#nm_email3").on("change", function(){
            if($(this).val() == ""){
                $("#nm_email2").show();
            }else{
                $("#nm_email2").hide();
            }
        });
        
        $("#btn_idchk").bind("click",function(){
                
			if($("#nm_email1").val() == ""){
				alert("이메일을 입력하세요.");
				$("#nm_email1").focus();
				return false;
			}
			
			if($("#nm_email3").val() == ""){
				if($("#nm_email2").val() == ""){
					alert("이메일을 입력하세요.");
					$("#nm_email2").focus();
					return false;
				}
				$("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email2").val());    
			}else{
				$("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email3").val());
			}
        
            $.post("join_proc.php", { mode: "IdChk", nm_email: $("#nm_email").val()},function(data) {
                 if(data=="Y"){
                     if(confirm("이용가능합니다. 아이디를 사용하시겠습니까?")){
                         $("#cd_userid").attr("readonly",true).css("background","#d2d3d5");
                         $("#idchkresult").val("Y");
                         return;
                     }
                 }else{
                     alert("사용불가능한 아이디 입니다.");
                     $("#idchkresult").val("N");
                     return;
                 }
            });
            return false;
    
        });
        
        $("#btn_delete").bind("click",function(){
            if(confirm("삭제하시겠습니까?")){
                $("#mode").val("Delete");
                $("#frmMember").submit();
            }    
        });
        
        $("#agree_all").bind("click",function(){
            agreeChkAll();
        });
        
        $("#agree_all").bind("keyup",function(){
            agreeChkAll();
        });
        
        $("#btn_write").bind("click",function(){
            
            var fieldlist = [["nm_email1","아이디"],["nm_email2","아이디"],["nm_pass","비밀번호"],["nm_pass2","비밀번호"],["nm_name","이름"],["nm_hp","휴대번호"],["ds_area","지역"]]
			
            if (!fnCheckForm(fieldlist)){
                return false;
            }else{
                
                /*아이디 관련 처리*/    

				var idReg1 = /[a-z]/g;
				var idReg2 = /[0-9]/g;
/*
				if( !(idReg1.test( $("#cd_userid").val() )) || !(idReg2.test( $("#cd_userid").val() )) ) {
					alert("아이디는 영문/숫자 조합으로 이루어져야 합니다.");
					$("#cd_userid").focus();
					return false;
				}
				var idReg = /^[a-z]+[a-z0-9]{5,19}$/g;
				if( !idReg.test( $("#cd_userid").val() ) ) {
					alert("아이디는 영문자로 시작하는 6~20자 영문자 또는 숫자이어야 합니다.");
                    $("#cd_userid").focus();
                    return false;
				}

				if(!fnCheckAlphaNumber($("#cd_userid").val())){
                    alert('아이디는 영문/숫자 조합으로 이루어져야 합니다.');
                    return false;
                }
                if($("#cd_userid").val().length <6){
                    alert("6글자 이상 아이디를 입력하세요");
                    $("#cd_userid").focus();
                    return false;
                }
*/
				if($("#idchkresult").val() != "Y"){
					alert("아이디 중복확인을 해 주세요.");
					$("#idchkresult").focus();
					return false;
				}

				/*패스워드 처리*/ 
				if($("#nm_pass").val().length == 0 || $("#nm_pass2").val().length == 0){
					alert("패스워드를 입력하세요");
					$("#nm_pass").focus();
					return false;
				}

                if($("#nm_pass").val().length > 0){
                    if($("#nm_email1").val()==$("#nm_pass").val()){
                        alert("아이디와 변경할 패스워드를 다르게입력하세요");
                        $("#nm_pass").focus();
                        return false;
                    }
                    if($("#nm_pass").val()!=$("#nm_pass2").val()){
                        alert("입력하신 변경할 패스워드가 일치하지 않습니다.");
                        $("#nm_pass").focus();
                        return false;
                    }
                    
                    if(!isStrongValidFormPassword($("#nm_pass").val())){
                        return false;
                    }

                }

                if(!ChkNum($("#nm_hp").val())){
                    alert("휴대폰 번호는 숫자만 입력하세요.");
                    $("#nm_hp").focus();
                    return false;
                }
                
/*
                if($("#nm_hp_01").val() == ""){
                    alert("휴대폰 번호를 입력하세요.");
                    $("#nm_hp_01").focus();
                    return false;
                }
                
                if($("#nm_hp_02").val() == ""){
                    alert("휴대폰 번호를 입력하세요.");
                    $("#nm_hp_02").focus();
                    return false;
                }
                
                if($("#nm_hp_03").val() == ""){
                    alert("휴대폰 번호를 입력하세요.");
                    $("#nm_hp_03").focus();
                    return false;
                }
                
                $("#nm_hp").val($("#nm_hp_01").val()+"-"+$("#nm_hp_02").val()+"-"+$("#nm_hp_03").val());

                if($("#nm_email1").val() == ""){
                    alert("이메일을 입력하세요.");
                    $("#nm_email1").focus();
                    return false;
                }
                
                if($("#nm_email3").val() == ""){
                    if($("#nm_email2").val() == ""){
                        alert("이메일을 입력하세요.");
                        $("#nm_email2").focus();
                        return false;
                    }
                    $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email2").val());    
                }else{
                    $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email3").val());
                }
*/

                $("#nm_email").val($("#nm_email1").val()+"@"+$("#nm_email2").val());

/*
                if($("#nm_addr").val() == ""){
                    alert("주소를 입력하세요.");
                    $("#nm_addr").focus();
                    return false;
                }
                
                if($("#nm_addr_sub").val() == ""){
                    alert("주소를 입력하세요.");
                    $("#nm_addr_sub").focus();
                    return false;
                }
 */
 
				if(!document.getElementById("ds_agree1").checked){
					alert('[필수] 회원 이용약관에 동의해 주세요.');
                    $("#ds_agree1").focus();
					return false;
				}
				
				if(!document.getElementById("ds_agree2").checked){
					alert('[필수] 개인정보 수집이용 에 동의해 주세요.');
                    $("#ds_agree2").focus();
					return false;
				}
				
				var c=confirm("정보를 등록하시겠습니까?");
                if(c){
                    $("#btn_write").hide();
                    $("#frmMember").submit();
                }else{
                    $("#btn_write").show();
                    return false;
                }
            }
        });        
    });

    function agreeChkAll(){
        if(document.getElementById("agree_all").checked){
            document.getElementById("ds_agree1").checked = true;
            document.getElementById("ds_agree2").checked = true;
            
        }else{
            document.getElementById("ds_agree1").checked = false;
            document.getElementById("ds_agree2").checked = false;
         
        }
    }

</script>
<script language="javascript">
<!--

function sel_1(sltObj)
{
    document.getElementById("nm_email2").value = sltObj;
	if (sltObj == "")
	{
		document.getElementById("nm_email2").readOnly = false;
	}else{
		document.getElementById("nm_email2").readOnly = true;
	}
    
}
//-->
</script>

<? include("../include/inc_footer.php") ?>
<? include("../include/inc_bottom.php") ?>
<?
mysql_close($connect);
?>