echajoa/member/join.php

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

<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="A0"/>
<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=""/>
<main class="normal--wrap pb123">
	<section class="join--form--wrap">
		<h2 class="">이차조아 <span></span> 회원가입</h2>
		<p>이용약관과 개인정보처리방침에 대한 안내를 읽고 동의해주세요.</p>
		<div class="join--form--contents">
			<table>
				<tbody>
					<tr>
						<th>아이디</th>
						<td>
							<div class="d-flex align-items-center">
								<input type="text" class="form-control" name="nm_email1" id="nm_email1" style="max-width:220px;">
								<label for="" class="ml10 mr10">@</label>
								<input type="text" class="form-control" name="nm_email2" id="nm_email2" style="max-width:220px;">
								<select id="nm_email3" name="nm_email3" class="form-select ml10" style="max-width:170px;"></select>
								<input type="button" class="form-control ml10 btn btn-secondary" value="ID 중복확인" style="max-width:220px;" id="btn_idchk">
							</div>
						</td>
					</tr>
					<tr height="88">
						<th>패스워드</th>
						<td>
							<input type="password" class="form-control" name="nm_pass" id="nm_pass" maxlength="20"><span class="td_txt">8자~15자 영문, 숫자, 특수문자 조합</span>
						</td>
					</tr>
					<tr height="88">
						<th>패스워드 확인</th>
						<td>
							<input type="password" class="form-control" 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="form-control" name="nm_name" id="nm_name" maxlength="20">
						</td>
					</tr>
					<tr>
						<th>핸드폰</th>
						<td>
							<div class="d-flex align-items-center">
								<select id="nm_hp1" name="nm_hp1" class="form-select" style="max-width:90px;"></select>
								<label for="" class="ml10 mr10">-</label>
								<input type="text" class="form-control" name="nm_hp2" id="nm_hp2" style="max-width:105px;" maxlength="4">
								<label for="" class="ml10 mr10">-</label>
								<input type="text" class="form-control" name="nm_hp3" id="nm_hp3" style="max-width:105px;" maxlength="4">
							</div>
						</td>
					</tr>
					<!-- <tr>
						<th>이메일</th>
						<td>
							<div class="d-flex align-items-center">
								<input type="text" class="form-control" id="" style="max-width:220px;">
								<label for="" class="ml10 mr10">@</label>
								<input type="text" class="form-control" id="" style="max-width:220px;">
								<select id="inputState" class="form-select ml10" style="max-width:170px;">
									<option selected>직접입력</option>
									<option></option>
								</select>
							</div>
						</td>
					</tr> -->
					<tr>
						<th>지역</th>
						<td>
							<div class="d-flex align-items-center">
								<select name="ds_area" id="ds_area" class="form-control" style="max-width:170px;"></select>
							</div>
						</td>
					</tr>
				</tbody>
			</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> -->
			<div class="agree--wrapper mt35 d-flex justify-content-end">
				<input type="checkbox" id="ds_agree1" class="ty2" hidden value="Y">
				<label for="ds_agree1">회원 이용약관 (필수)</label>
				<button type="button" class="info--btn btn" data-bs-toggle="modal" data-bs-target="#agreeModal1">약관보기</button>
			</div>
			<div class="agree--wrapper mt35 d-flex justify-content-end">
				<input type="checkbox" id="ds_agree2" class="ty2" hidden value="Y">
				<label for="ds_agree2">개인정보 수집 및 이용 동의 (필수)</label>
				<button type="button" class="info--btn btn" data-bs-toggle="modal" data-bs-target="#agreeModal2">약관보기</button>
			</div>

			<div class="col-12 d-flex justify-content-center join--btn--wrap mt90">
				<button type="button" class="btn btn-secondary" style="width:180px; height:55px;" id="btn_back">취소</button>
				<button type="button" class="btn btn-primary ml15" style="width:180px; height:55px;" id="btn_write">회원가입<i class="join--ic"></i></button>
			</div>


		</div>

	</section>
</main>
</form>


<!-- 회원이용약관 -->
<div class="modal fade type2" id="agreeModal1" tabindex="-1" aria-labelledby="agree_lable1" aria-hidden="true">
	<div class="modal-dialog  modal-dialog-centered" style="max-width:800px;">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title" id="agree_lable1">회원 이용약관 동의</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body modal--body pt0">
				<div class="date--text" style="max-height:500px; overflow-y: auto;">
					<?php include("../include/clause_txt1.txt"); ?>
				</div>
			</div>
			<div class="modal-footer d-flex justify-content-center ty2 ty--2">
				<button type="button" class="btn btn-primary" data-bs-dismiss="modal" style="max-width:100px;">확인</button>
			</div>
		</div>
	</div>
</div>


<!-- 개인정보 수집이용 -->
<div class="modal fade type2" id="agreeModal2" tabindex="-1" aria-labelledby="agree_lable2" aria-hidden="true">
	<div class="modal-dialog  modal-dialog-centered" style="max-width:800px;">
		<div class="modal-content">
			<div class="modal-header">
				<h1 class="modal-title" id="agree_lable2">개인정보 수집 및 이용 동의</h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body modal--body pt0">
				<div class="date--text" style="max-height:500px; overflow-y: auto;">
					<? include("../include/clause_txt2.txt"); ?>
				</div>
			</div>
			<div class="modal-footer d-flex justify-content-center ty2 ty--2">
				<button type="button" class="btn btn-primary" data-bs-dismiss="modal" style="max-width:100px;">확인</button>
			</div>
		</div>
	</div>
</div>


<script laguage="javascript" type="text/javascript">
	function id_chk() {
		var nm_email = "";
		var fieldlist = [];
		var custom_opts = {
			title : '',
			btn_close_show : false,
		}

		if($("#nm_email3").val() == "") {
			fieldlist = [["nm_email1","아이디"], ["nm_email2","아이디"]];
		}else {
			fieldlist = [["nm_email1","아이디"], ["nm_email3","아이디"]];
		}

		if (!fnCheckForm(fieldlist)){
			return false;
		}

		var nm_email1 = $("#nm_email1").val();
		var nm_email2 = $("#nm_email2").val();
		var nm_email3 = $("#nm_email3").val();
		nm_email = nm_email1+"@"+($.trim(nm_email3) ? nm_email3 : nm_email2);


		$.post("join_proc.php", { mode: "IdChk", nm_email: nm_email},function(res) {
			if(res.CODE != "0000") {
				$("#idchkresult").val("N");
				alert(res.MSG);
				return false;
			}

			custom_opts.title = '이용가능합니다. 아이디를 사용하시겠습니까?';
			custom_modal_confirm(custom_opts, function(confirm) {
				if(confirm) {
					$("#idchkresult").val("Y");

					custom_modal_confirm_close();

				}
			});

			 // if(confirm("이용가능합니다. 아이디를 사용하시겠습니까?")){
				//  // $("#cd_userid").attr("readonly",true).css("background","#d2d3d5");
				//  $("#idchkresult").val("Y");
			 // }

			 // if(data=="Y"){
				//  if(confirm("이용가능합니다. 아이디를 사용하시겠습니까?")){
				// 	 $("#cd_userid").attr("readonly",true).css("background","#d2d3d5");
				// 	 $("#idchkresult").val("Y");
				// 	 return;
				//  }
			 // }else{
				//  alert("사용불가능한 아이디 입니다.");
				//  $("#idchkresult").val("N");
				//  return;
			 // }
		}, "json");
		return false;
	}
    $(document).ready(function() {
		setCodeSelect("listPhone","nm_hp1","","","","선택","");
		setCodeSelect("listEmail","nm_email3","","","","직접입력","");
        setCodeSelect("listcode","ds_area", "member_master","ds_area","","선택하세요","");

		$("#btn_back").on("click", function() {
			history.back(-1);
		});
        $("#nm_email1").bind("keyup",function(){
            $("#idchkresult").val("N");
        });

        $("#nm_email3").on("change", function(){
			$("#idchkresult").val("N");

            if($(this).val() == ""){
                $("#nm_email2").show();
            }else{
                $("#nm_email2").hide();
            }
        });

		//아이디 체크
		$("#btn_idchk").on("click",function(){
			id_chk();
		});

        // $("#agree_all").bind("click",function(){
        //     agreeChkAll();
        // });
		//
        // $("#agree_all").bind("keyup",function(){
        //     agreeChkAll();
        // });

        $("#btn_write").bind("click",function(){
			var custom_opts = {
				title : '',
				btn_close_show : false,
			}

            var fieldlist = [["nm_email1","아이디"],["nm_pass","비밀번호"],["nm_pass2","비밀번호"],["nm_name","이름"]
			,["nm_hp1","휴대번호"],["nm_hp2","휴대번호"],["nm_hp3","휴대번호"]
			,["ds_area","지역"]]

			var nm_email3 = $("#nm_email3").val();
			if(nm_email3 == "") {
				fieldlist.push(["nm_email2"]);
			}

            if (!fnCheckForm(fieldlist)){
                return false;
			}

            /*아이디 관련 처리*/

			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"){
				custom_opts.title = "아이디 중복확인을 해 주세요.";
				custom_modal_alert(custom_opts);
                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()){
					custom_opts.title = "아이디와 변경할 패스워드를 다르게입력하세요.";
					custom_modal_alert(custom_opts);
                    return false;
                }
                if($("#nm_pass").val()!=$("#nm_pass2").val()){
					custom_opts.title = "입력하신 변경할 패스워드가 일치하지 않습니다.";
					custom_modal_alert(custom_opts);
                    return false;
                }

				var check = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{6,16}$/;
				var nm_pass = $("#nm_pass").val();
				if (!check.test(nm_pass))     {
					custom_opts.title = "비밀번호는 문자, 숫자, 특수문자의 조합으로 입력해주세요.";
					custom_modal_alert(custom_opts);
					return false;
				}

				if (nm_pass.length < 6 || nm_pass.length > 16) {
					custom_opts.title = "비밀번호는 6 ~ 16 자리로 입력해주세요.";
					custom_modal_alert(custom_opts);
					return false;
				}

                // if(!isStrongValidFormPassword($("#nm_pass").val())){
                //     return false;
                // }

            }

			var nm_hp1 = $("#nm_hp1").val();
			var nm_hp2 = $("#nm_hp2").val();
			var nm_hp3 = $("#nm_hp3").val();
			var nm_hp_test = nm_hp1+nm_hp2+nm_hp3;
			var nm_hp = nm_hp1+"-"+nm_hp2+"-"+nm_hp3;
            if(!ChkNum(nm_hp_test)){
				custom_opts.title = "휴대폰 번호는 숫자만 입력하세요.";
				custom_modal_alert(custom_opts);
				return false;
                // 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());
            }
*/
			var nm_email1 = $("#nm_email1").val();
			var nm_email2 = $("#nm_email2").val();
			var nm_email3 = $("#nm_email3").val();
			var nm_email = nm_email1+"@"+($.trim(nm_email3) ? nm_email3 : nm_email2);
			$("#nm_email").val(nm_email);
            $("#nm_hp").val(nm_hp);

/*
            if($("#nm_addr").val() == ""){
                alert("주소를 입력하세요.");
                $("#nm_addr").focus();
                return false;
            }

            if($("#nm_addr_sub").val() == ""){
                alert("주소를 입력하세요.");
                $("#nm_addr_sub").focus();
                return false;
            }
*/


			// var idReg = /^[a-z]+[a-z0-9]{3,19}$/g;
			// var idReg = /^[a-zA-Z]+[a-zA-Z0-9]{3,19}$/g;
			// // var idReg = /^[a-zA-Z](?=.*[a-zA-Z])(?=.*[0-9]).{4,12}$/g;
			// var idReg = /^[a-zA-Z](?=.*[a-zA-Z])(?=.*[0-9]).{3,19}$/g;
			// if( !idReg.test( $("#nm_email").val() ) ) {
			// 	// custom_opts.title = '아이디는 영문자로 시작하는 4~20자 영문자 또는 숫자이어야 합니다.';
			// 	custom_opts.title = '아이디는 영문자로 시작하는 4~20자 영문자/숫자 조합이어야 합니다';
			//
			// 	custom_modal_alert(custom_opts);
			// 	return false;
			// }

			if(!document.getElementById("ds_agree1").checked){
				custom_opts.title = "[필수] 회원 이용약관에 동의해 주세요.";
				custom_modal_alert(custom_opts);
				return false;
			}

			if(!document.getElementById("ds_agree2").checked){
				custom_opts.title = "[필수] 개인정보 수집이용 에 동의해 주세요.";
				custom_modal_alert(custom_opts);
				return false;
			}

			custom_opts.title = '회원가입 하시겠습니까?';
			custom_modal_confirm(custom_opts, function(confirm) {
				if(confirm) {
					$("#btn_join_proc").hide();
					var data = $("#frmMember").serialize();
					$.ajax({
						url : 'join_proc.php',
						type: 'POST',
						dataType : 'json',
						data: data,
						success: function(res) {
							custom_modal_confirm_close();

							$("#btn_join_proc").show();

							//세션 종료시 로그인 페이지로 이동
							if(res.CODE != "0000") {
								custom_opts.title = res.MSG;

								if(res.CODE == "4444") {
									window.location.href = res.DATAS.URL;
								}
								custom_modal_alert(custom_opts);
								return false;
							}

							custom_opts.title = '회원 등록이 완료되었습니다.';
							custom_opts.event_esc_key = false;

							custom_modal_alert(custom_opts, function() {
								link("login.php");
							});
						},
						error:function(request,status,error){
							$("#btn_join_proc").show();

							custom_modal_confirm_close();

							alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
						}
					});

				}else {
					$("#btn_join_proc").show();
					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") ?>
<?
mysql_close($connect);
?>