Tryag File Manager

/home/ltman.eemo.co.kr/public_html/www/join.php

<!DOCTYPE html>

<head>
  <title>Register v3 - Pages - Appwork</title>

<link rel="stylesheet" href="assets/vendor/fonts/fontawesome.css">
  <link rel="stylesheet" href="assets/vendor/fonts/ionicons.css">
  <link rel="stylesheet" href="assets/vendor/fonts/linearicons.css">
  <link rel="stylesheet" href="assets/vendor/fonts/open-iconic.css">
  <link rel="stylesheet" href="assets/vendor/fonts/pe-icon-7-stroke.css">

<link rel="stylesheet" href="assets/vendor/css/rtl/bootstrap.css" class="theme-settings-bootstrap-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/appwork.css" class="theme-settings-appwork-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/theme-corporate.css" class="theme-settings-theme-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/colors.css" class="theme-settings-colors-css">
  <link rel="stylesheet" href="assets/vendor/css/rtl/uikit.css">
  <link rel="stylesheet" href="assets/css/demo.css">

<script src="assets/vendor/js/theme-settings.js"></script>
  <script>
    
  </script>

<script src="assets/vendor/js/pace.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">
  
  <link rel="stylesheet" href="assets/vendor/css/pages/authentication.css">
</head>

}

#user_addr:focus {
  outline: none;
}

.autoCompleteContainer {
  border: 2px solid lightblue;
  width: 98%;
  margin-left: 1%;
  font-weight: 600;
  box-sizing: border-box;
}

.autoCompleteBox {
  padding: 0.8rem;

box-sizing: border-box;
}

.mainName {
  font-weight: 700;
}

.fullAddr {
  color: gray;
}

.selected {
  background-color: gainsboro;
}
</style>

<div class="d-none d-lg-flex col-lg-8 align-items-center ui-bg-cover ui-bg-overlay-container p-5" style="background-image: url('assets/img/bg/21.jpg');">
        <div class="ui-bg-overlay bg-dark opacity-50"></div>

<div class="w-100 text-white px-5">
          <h1 class="display-2 font-weight-bolder mb-4">양계인 담당자용</h1>
          <div class="text-large font-weight-light">
            (주)양계인에서 개발한 농가 CCTV + IoT센서 + 차량관제 + 양계시세 담당자용 어플
          </div>
        </div>
        
      </div>

<div class="d-flex col-lg-4 bg-white p-5" style='margin-top:-50px'>
        
        
        <div class="d-flex col-sm-7 col-md-5 col-lg-12 px-0 px-xl-4 mx-auto">
          <div class="w-100">

<form class="my-4" name='frm_reg' onsubmit="return false;">
              <div class="form-group">
                <label class="form-label">아이디 :</label>
                <div class="input-group">
					<input type="text" class="form-control" placeholder="아이디" id='user_id' name='user_id'>
					<span class="input-group-append">
					  <button class="btn btn-secondary" type="button" onclick="fn_id_chk()">중복확인</button>
					</span>
				</div>
              </div>
              <div class="form-group">
                <label class="form-label">패스워드 :</label>
                <input type="password" class="form-control" id='user_pass' name='user_pass' placeholder="패스워드">
              </div>
			  <div class="form-group">
                <label class="form-label">패스워드 확인 :</label>
                <input type="password" class="form-control" id='user_pass2' name='user_pass2' placeholder="패스워드 확인">
              </div>

<div class="form-group">
                <label class="form-label">주소 :</label>
                <input type="text" class="form-control" placeholder="주소입력" id='user_addr' name='user_addr' onfocus="fn_resize(200)" >
              </div>
			  
			  <div class="form-group" id='input_addr'>
                <div class="input-group">
					<input type="text" class="form-control" placeholder="나머지 주소입력" id='user_addr2' name='user_addr2' onfocus="fn_resize(200)" >
					<span class="input-group-append">
					  <button class="btn btn-secondary" type="button" onclick="fn_addr_chk()">주소검사</button>
					</span>
				</div>
              </div>
			  
			  <div class="form-group">
                <label class="form-label">휴대폰번호 :</label>
                <div class="input-group">
					<input type="tel" class="form-control" placeholder="휴대폰번호입력" id='user_cel' name='user_cel' onfocus="fn_resize(300)" >
					<span class="input-group-append">
					  <button class="btn btn-secondary" type="button" onclick="fn_sendauth()">인증번호받기</button>
					</span>
				</div>
              </div>
			  <div class="form-group">
                <label class="form-label">인증번호입력 :</label>
                <input type="tel" class="form-control" id='user_auth' name='user_auth' placeholder="인증번호입력" onfocus="fn_resize(400)" >
              </div>

<!--
			  <div class="card-footer text-right">

</div>
			  -->

</div>

</div>
      </div>
      
		
    </div>
	
	
	
  </div>

<script src="assets/vendor/libs/popper/popper.js"></script>
  <script src="assets/vendor/js/bootstrap.js"></script>
  <script src="assets/vendor/js/sidenav.js"></script>

<script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

<script src="assets/js/demo.js"></script>

</body>

</html>

function fn_id_chk() {
	if(!$('#user_id').val()) {
		bootbox.alert("아이디를 입력하세요");
		return;
	}

if($('#user_id').val().length < 4) {
		bootbox.alert("아이디를 4자이상 입력하세요");
		return;
	}

var par="?user_id="+$('#user_id').val();
	$.post( "id_check.php"+par, function( res ) {
		var json=eval("("+res+")");
		if(json.rst=='1') {
			bootbox.alert({
				message : "사용가능한 아이디입니다."
			});
			$('#id_chk').val("1");
		} else {
			//bootbox.alert("동일한 아이디가 존재합니다");

bootbox.alert({
				message : "동일한 아이디가 존재합니다."
			});
			$('#id_chk').val("");
		}
	});
}

function fn_addr_chk() {
	var par="?addr="+$('#user_addr').val()+"&addr2="+$('#user_addr2').val();

$.post( "addr_check.php"+par, function( res ) {
		var json=eval("("+res+")");
		if(json.rst=='1') {
			$('#sido').val(json.sido);
			$('#sigungu').val(json.sigungu);
			$('#lat').val(json.lat);
			$('#lon').val(json.lon);
			bootbox.alert("주소가 정상확인 되었습니다.");
		} else if(json.rst=='-1') {
			$('#sido').val("");
			$('#sigungu').val("");
			$('#lat').val("");
			$('#lon').val("");

bootbox.alert("주소정보가 올바르지 않습니다.");
		}
	});
}

function goSubmit() {
	var form=document.frm_reg;
	
	
	if(!$('#user_id').val()) {
		bootbox.alert("아이디를 입력하세요");
		return;
	}

if($('#id_chk').val() != "1") {
		bootbox.alert("아이디 중복확인버튼을 누르세요");
		return;
	}

if(!$('#user_pass').val()) {
		bootbox.alert("패스워드를 입력하세요");
		return;
	}

if(!$('#user_pass2').val()) {
		bootbox.alert("패스워드 확인을 입력하세요");
		return;
	}

if($('#user_pass').val() != $('#user_pass2').val()) {
		bootbox.alert("패스워드가 일치하지 않습니다.");
		return;
	}

if(!$('#user_name').val()) {
		bootbox.alert("이름을 입력하세요");
		return;
	}

if(!$('#user_addr').val()) {
		bootbox.alert("주소를 입력하세요");
		return;
	}

// if($('#sido').val() == "") {
	// 	bootbox.alert("주소검사를 수행해 주세요");
	// 	return;
	// }

if(!$('#user_auth').val()) {
		bootbox.alert("인증번호를 입력하세요");
		return;
	}

if(!$('#get_authnum').val()) {
		bootbox.alert("인증번호 받기를 수행해 주세요");
		return;
	}

if($('#user_auth').val() != $('#get_authnum').val()) {
		bootbox.alert("인증번호가 일치하지 않습니다.");
		return;
	}

form.method='post';
	form.action='join_next.php';
	form.submit();
	
}

function fn_sendauth() {
	if(!$('#user_cel').val()) {
		bootbox.alert("핸드폰 번호를 입력하세요");
		return;
	}

bootbox.alert({
				message: "해당 핸드폰 번호로 통합시스템에 가입된 아이디가 있습니다.<br><b>가입된 아이디</b> : "+json.si_id+" , <b>비밀번호</b> : "+json.si_pass,
				callback: function () {
					//console.log('This was logged in the callback!');
					$('#user_id').val(json.si_id);
					$('#user_id').attr("readonly",true);
					$('#user_pass').val(json.si_pass);
					$('#user_pass2').val(json.si_pass);
					$('#user_pass').attr("readonly",true);
					$('#user_pass2').attr("readonly",true);
					
					$('#id_chk').val("1");
				}
			});
		} else if(json.rst=='1') { 
			bootbox.alert("인증번호가 발송되었습니다.");
			$('#get_authnum').val(json.auth);
		} else {
			bootbox.alert("인증번호 발송에 실패하였습니다.");
			$('#get_authnum').val("");
		}
	});
}
</script>

$("#user_addr").keyup(function(e) {
  switch (e.keyCode) {
    case 8:
      selectCount = 0
      inputKeyEvent()
    break;

case 32:
      if($("#user_addr").val() == " ") emptySpaceKeyEvent()
    return

case 13:
      if($("div").hasClass("autoCompleteBox") == true) enterKeyEvent()
    return

case 38:
      if($("div").hasClass("autoCompleteBox") == false) return
      upKeyEvent()
    return

case 40:
      if($("div").hasClass("autoCompleteBox") == false) return
      downKeyEvent()
    return

default:
      inputKeyEvent()
  }

});

$(document).on("mousedown", ".autoCompleteBox",function(e) {
  e.stopImmediatePropagation();
  $("#user_addr").val($(this).children()[2].innerHTML)
  $(".autoCompleteBox").remove()
  $(".autoCompleteContainer").remove()
})

$(document).on("blur", "#user_addr",function() {
  selectCount = 0
  $(".autoCompleteBox").remove()
  $(".autoCompleteContainer").remove()
})

$(document).on("mousedown", "#user_addr",function() {
  inputKeyEvent()
})

function getLocationJson() {
/*	
  $.getJSON( "./addr_data.json", function(data) {
    locationData = data;
  });
  */
}

function upKeyEvent() {
  if($(".autoCompleteBox").hasClass("selected") == false) return
  if(selectCount == 0) return
  $("#autoCompleteBox-"+selectCount+"").removeClass('selected')
  --selectCount
  $("#autoCompleteBox-"+selectCount+"").addClass('selected')
}

function downKeyEvent() {
  if($(".autoCompleteBox").hasClass("selected") == false) {
      $("#autoCompleteBox-"+selectCount+"").addClass('selected')
      return
  }
  if(selectCount == findCount) return

$("#autoCompleteBox-"+selectCount+"").removeClass('selected')
  ++selectCount
  $("#autoCompleteBox-"+selectCount+"").addClass('selected')
}

function enterKeyEvent() {
    $("#user_addr").val($("#autoCompleteBox-"+selectCount+"").children()[2].innerHTML)
    $(".autoCompleteBox").remove()
    $(".autoCompleteContainer").remove()
}

function emptySpaceKeyEvent() {
  $("#user_addr").val("")
}

function inputKeyEvent() {
  $(".autoCompleteBox").remove()
  $(".autoCompleteContainer").remove()

var inputValue = $("#user_addr").val()

if(inputValue == "") return;

//$('#vvv').html(locationData);
  
  var par="?addr="+$('#user_addr').val();
  $.getJSON( "./addr_check_autocom.php"+par, function(data) {
    locationData = data;

var searchLocation = locationData.filter(function (location) {
		return location.FULL_ADDR.match(inputValue)
	});

$(".autoCompleteBox").remove();
    $(".autoCompleteContainer").remove();

if(searchLocation.length == 0) return

$("#input_addr").append("<div class='autoCompleteContainer'></div>")
	  for (var i = 0; i <= 2; i++) {
		if(searchLocation[i] == undefined) return
		findCount = i
		$(".autoCompleteContainer").append(generate(searchLocation[i], i))
		if(searchLocation[i].SUB_NAME == "") return
	  }

});

}

function generate(searchLocation, i) {
  return `
  <div class="autoCompleteBox" id="autoCompleteBox-${i}">
    <i class="fas fa-map-marker-alt"></i>
    <span class="mainName">${searchLocation.MAIN_NAME}</span>
    <span class="fullAddr">${searchLocation.FULL_ADDR}</span>
  </div>
  `;
}
</script>