Code - chominsoo4245/mjon

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%> <%-- <% response.setHeader("P3P","CP='CAO PSA CONi OTR OUR DEM ONL'");%> 익스에서 세션쪽 오류날 시 사용, 익스 정책 중 P3P 관련 --%> <!DOCTYPE html> <html lang="ko"> <head> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/publish/css/mem.css"> <link rel="stylesheet" href="/publish/css/font.css"> <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css"> <script src="/publish/js/content.js"></script> <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="/publish/js/popup.js"></script> <script src="/publish/js/mem.js"></script> <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script> <script type="text/javascript"> $( document ).ready(function(){ //이미 가입 된 번호인지 체크 - 오픈 후 주석 풀기 /* $.ajax({ url : "<c:url value='/web/user/login/mblDnCheckAjax.do' />", type : 'POST', data : { "mblDn": document.mberManageVO.mblDn.value }, dataType:'json', success : function(returnData, status){ if(status == "success") { if(returnData.checkMblDnCnt > 0 ){ alert("이미 사용중이거나 탈퇴한 핸드폰번호입니다."); location.href="/web/user/login/selectUserDept.do"; return false; } }else{ alert("실패");return; } }, error : function(request , status, error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); }, }); */ //개인회원일 경우 if(document.mberManageVO.dept.value == 'p'){ $(".company").css("display", "none"); $(".onlyC").attr('disabled', true); }else{ $(".onlyP").attr('disabled', true); } //페이지 로딩 시 아이디, 비밀번호 규칙 표시 $(".reqest_text").css("display", ""); $(".reqest_password").css("display", ""); //아이디 입력 후 중복체크 $("#mberId").focusout(function(){ //아이디 규칙 체크 - 영+숫자 조합, 특수문자 금지 공백금지 4~12자 var id = $("#mberId").val(); var eng = id.search(/[a-z]/ig); var spe = id.search(/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/g); if(eng < 0 || spe != -1 || id.search(/\s/) != -1 || id.length < 4 || id.length > 12){ $(".reqest_text").css("display", ""); $(".idPass").css("display", "none"); $(".idPass_no").css("display", "none"); return false; } if(!(eng < 0 || spe != -1 || id.search(/\s/) != -1 || id.length < 4 || id.length > 12)){ $.ajax({ url : "<c:url value='/web/user/login/usrIdCheckAjax.do' />", type : 'POST', data : { "mberId": document.mberManageVO.mberId.value }, dataType:'json', success : function(returnData, status){ if(status == "success") { if(returnData.checkIdCnt > 0 ){ $(".idPass_no").css("display", ""); $(".idPass").css("display", "none"); $(".reqest_text").css("display", "none"); }else{ $(".idPass").css("display", ""); $(".reqest_text").css("display", "none"); $(".idPass_no").css("display", "none"); } }else{ alert("실패");return; } }, error : function(request , status, error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); }, complete : function () { if(document.mberManageVO.mberId.value == ""){ $(".reqest_text").css("display", ""); $(".idPass").css("display", "none"); $(".idPass_no").css("display", "none"); } } }); } }); //비밀번호 안전도 체크 $("#passwordCheck").on("propertychange change keyup paste input", function() { var pw = $("#passwordCheck").val(); var pwCheck = $("#passwordCheck2").val(); var num = pw.search(/[0-9]/g); var eng = pw.search(/[a-z]/ig); var spe = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi); //영문자, 특수문자, 숫자를 포함한 8자이상 20자이하인지 체크 if(num < 0 || eng < 0 || spe < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20){ $(".password_pass_no").css("display", ""); $(".password_pass").css("display", "none"); $(".reqest_password").css("display", "none"); }else{ $(".password_pass").css("display", ""); $(".password_pass_no").css("display", "none"); $(".reqest_password").css("display", "none"); } if(pw == ''){ $(".reqest_password").css("display", ""); $(".password_pass").css("display", "none"); $(".password_pass_no").css("display", "none"); } //비밀번호 확인 비교 if(pwCheck != ''){ if(pw == pwCheck){ $(".pwPass").css("display", ""); $(".pwPass_no").css("display", "none"); }else{ $(".pwPass_no").css("display", ""); $(".pwPass").css("display", "none"); } } }); //비밀번호 확인 체크 $("#passwordCheck2").on("propertychange change keyup paste input", function() { var pw = $("#passwordCheck").val(); var pwCheck = $("#passwordCheck2").val(); if(pw == pwCheck){ $(".pwPass").css("display", ""); $(".pwPass_no").css("display", "none"); }else{ $(".pwPass_no").css("display", ""); $(".pwPass").css("display", "none"); } if(pwCheck == ''){ $(".pwPass").css("display", "none"); $(".pwPass_no").css("display", "none"); } }); //사업자등록번호 입력 $("input[name=bizNo]").on("keyup", function() { $(this).val(bizNo($(this).val().replace(/[^-\.0-9]/g,""))) }) //현금영수증 발행 사업자등록번호 입력 $("input[name=cashbillBizNo]").on("keyup", function() { $(this).val(bizNo($(this).val().replace(/[^-\.0-9]/g,""))) }) //현금영수증 종류(1소득공제 2지출증빙) 변경 시 핸드폰, 사업자번호 display 처리 $("input[name='cashbillType']:radio").change(function () { //라디오 버튼 값을 가져온다. if(this.value == '1'){ $(".cashbillPhoneNum").css("display",""); $(".cashbillBizNo").css("display","none"); $("#cashbillBizNo").val(""); }else{ $(".cashbillPhoneNum").css("display","none"); $(".cashbillBizNo").css("display",""); $("#cashbillPhoneNum").val(""); } }); }); //사업자등록번호 - 넣기 function bizNo(str){ str = str.replace(/[^0-9]/g, ''); var tmp = ''; if(str.length < 4){ return str; }else if(str.length < 7){ tmp += str.substr(0, 3); tmp += '-'; tmp += str.substr(3); return tmp; }else{ tmp += str.substr(0, 3); tmp += '-'; tmp += str.substr(3, 2); tmp += '-'; tmp += str.substr(5); return tmp; } return str; } function bizNoCheck(){ //hidden 값으로 복사(전송데이터) mberManageVO.mberNmC.value = mberManageVO.pre_mberNmC.value; //회사명 mberManageVO.ceoNm.value = mberManageVO.pre_ceoNm.value; //대표자명 mberManageVO.bizNo.value = mberManageVO.pre_bizNo.value; //사업자 등록 번호 /* if(mberManageVO.mberNmC.value == ''){ alert("회사명을 입력해주세요"); return ; } if(mberManageVO.ceoNm.value == ''){ alert("대표명을 입력해주세요"); return ; } */ if(mberManageVO.bizNo.value == ''){ alert("사업자등록번호를 입력해주세요"); return ; } /* bizNoCheck_step1(); return false; */ var numberMap = $("#bizNo").val().replace(/-/gi, '').split('').map(function (d){ return parseInt(d, 10); }); if(numberMap.length == 10){ var keyArr = [1, 3, 7, 1, 3, 7, 1, 3, 5]; var chk = 0; keyArr.forEach(function(d, i){ chk += d * numberMap[i]; }); chk += parseInt((keyArr[8] * numberMap[8])/ 10, 10); console.log(chk); if(Math.floor(numberMap[9]) === ( (10 - (chk % 10) ) % 10)){ //alert("사업자 번호 확인이 완료 되었습니다."); bizNoCheck_step1(); return false; }else{ alert("사업자 번호가 유효하지 않습니다."); return false; } } alert("사업자 번호가 유효하지 않습니다."); return false; } var is_check = 0; //국세청 상태조회 function bizNoCheck_step1(){ //$("#remakeDocs").html("재 단권화 처리중..."); //$("#remakeDocs").html("단권화 처리중..."); //alert(document.getElementById("fn_remake_streamDocs_id")); //document.getElementById("fn_remake_streamDocs_id").innerHTML = '처리중...'; $("#btnCheckBizNo").hide(); $("#btnCheckBizNoNow").show(); //return; //alert("사업자 번호 확인 진행합니다."); $.ajax({ //url : "<c:url value='/web/mjon/test/checkBizNoTestAjax.do' />", url : "<c:url value='/web/mjon/user/checkBizNoTestAjax.do' />", type : 'POST', data : { "b_no": mberManageVO.bizNo.value //사업자등록번호 , "b_nm": mberManageVO.mberNmC.value //업체명 , "p_nm": mberManageVO.ceoNm.value //대표자명 }, dataType:'json', async: true, //processData: false, //contentType: "application/json", //cache: false, //async: false, success : function(returnData, status){ if(status == "success") { /* * -1:알수없는 오류 * 0:국세청에 등록되지 않은 사업자등록번호입니다. * 01: 계속사업자, * 02: 휴업자, * 03: 폐업자 */ if (returnData.kakaoInfo.bizReturnCode==1 ){ //bizno에 해당 사업자 등록번호 없음 - 정상처리하고 관리자가 확인 할것. alert("사업자등록번호가 정상으로 확인되었습니다."); onOffInputBox('OFF','100'); /* }else if (returnData.kakaoInfo.bizReturnCode==101 || returnData.kakaoInfo.bizReturnCode==102 ){ //사업자 등록번호 오류 alert(returnData.kakaoInfo.bizReturnMsg); return; }else if (returnData.kakaoInfo.bizReturnCode==201 || returnData.kakaoInfo.bizReturnCode==202 ){ //bizno에 해당 사업자 등록번호 없음 - 정상처리하고 관리자가 확인 할것. alert("사업자 번호 확인이 완료 되었습니다."); onOffInputBox('OFF','100'); return; }else if (returnData.kakaoInfo.bizReturnCode==1){ //bizno에 해당 사업자 등록번호 없음 - 정상처리하고 관리자가 확인 할것. alert("회사명, 대표, 사업자 번호 확인이 완료 되었습니다."); onOffInputBox('OFF','111'); return; }else if (returnData.kakaoInfo.bizReturnCode==301 || returnData.kakaoInfo.bizReturnCode==302 ){ //bizno에 해당 사업자 등록번호 없음 - 정상처리하고 관리자가 확인 할것. //alert(returnData.kakaoInfo.bizReturnMsg); alert("회사명, 대표, 사업자등록번호가 정확하지 않습니다. \n다시 확인해 주세요"); return; */ }else if (returnData.kakaoInfo.bizReturnCode==2){ //bizno에 해당 사업자 등록번호 확인 오류 //휴업 //alert(returnData.kakaoInfo.bizReturnCode); //alert("휴업처리된 사업자등록번호로 가입이 어렵습니다."); //onOffInputBox('ON'); //휴업상태인 경우 사업 진행 가능 //https://ssabu.net/bbs_detail.php?bbs_num=110&tb=think_board06&id=&pg=&start= alert("사업자등록번호가 정상으로 확인되었습니다."); onOffInputBox('OFF','100'); }else if (returnData.kakaoInfo.bizReturnCode==3){ //bizno에 해당 사업자 등록번호 확인 오류 //alert(returnData.kakaoInfo.bizReturnCode); //폐업사용자의 경우 폐업일 기준으로 세금계산서 발행이 불가 //https://help.jobis.co/hc/ko/articles/115003805493-%ED%8F%90%EC%97%85-%ED%9B%84-%EC%84%B8%EA%B8%88%EA%B3%84%EC%82%B0%EC%84%9C-%EB%B0%9C%ED%96%89- alert("폐업처리된 사업자등록번호입니다.\n가입이 불가능합니다."); onOffInputBox('ON'); }else { //bizno에 해당 사업자 등록번호 확인 오류 //alert(returnData.kakaoInfo.bizReturnCode); alert(returnData.kakaoInfo.bizReturnMsg); onOffInputBox('ON'); } return; }else{ alert("실패");return; } }, error : function(request , status, error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); }, }); } function fnInsert(insertType){ //전화번호 양식 체크 var regExp = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/; //가입설정으로 validateUserManageVO 처리 안함. var frm = document.mberManageVO; //URL을 이용한 비정상적인 접근 차단 if(frm.dept.value == '' || frm.mblDn.value == ''){ alert("잘못된 경로로 접속하여 메인화면으로 이동됩니다") location.href="/web/main/mainPage.do"; return false; } if(frm.mberId.value == ''){ alert("아이디를 입력해주세요."); return false; } //아이디 중복 확인 var idChk = true; $.ajax({ url : "<c:url value='/web/user/login/usrIdCheckAjax.do' />", type : 'POST', data : { "mberId": frm.mberId.value }, dataType:'json', async: false, success : function(returnData, status){ if(status == "success") { if(returnData.checkIdCnt > 0 ){ alert("ID 중복을 확인해주세요."); idChk = false; } }else{ alert("실패");return; } }, error : function(request , status, error){ alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); }, }); if(!idChk){ return false; } //아이디 규칙 체크 - 영+숫자 조합, 특수문자 금지 공백금지 4~12자 var id = $("#mberId").val(); var eng = id.search(/[a-z]/ig); var spe = id.search(/[\{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]/g); if(eng < 0 || spe != -1 || id.search(/\s/) != -1 || id.length < 4 || id.length > 12){ alert("ID 규칙을 확인해주세요."); return false; } //비밀번호 체크 var pw = $("#passwordCheck").val(); var pwCheck = $("#passwordCheck2").val(); var numPw = pw.search(/[0-9]/g); var engPw = pw.search(/[a-z]/ig); var spePw = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi); if(pw == ''){ alert("비밀번호를 입력해주세요."); return false; } if(pwCheck == ''){ alert("비밀번호 확인을 입력해주세요."); return false; } if(pw != pwCheck){ alert("비밀번호와 비밀번호 확인이 일치하지 않습니다."); return false; } if(numPw < 0 || spePw < 0 || pw.search(/\s/) != -1 || pw.length < 8 || pw.length > 20){ alert("비밀번호 규칙을 확인해주세요."); return false; } //이메일 체크 if(frm.email1.value == ''){ alert("이메일을 입력해주세요."); return false; } var email = frm.email1.value + "@" + frm.email2.value; if(email != ''){ var exptext = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; if(exptext.test(email)==false){ alert("이메일주소 형식이 올바르지 않습니다."); return false; } }else{ alert("이메일 주소를 입력해주세요."); return false; } frm.mberEmailAdres.value = email; //회사명, 담당자명 구분처리 if(document.mberManageVO.dept.value == 'p'){ frm.mberNm.value = frm.mberNmP.value; }else{ frm.mberNm.value = frm.mberNmC.value; frm.managerNm.value = frm.mberNmP.value; } /* if($("#adres").val() == ''){ alert("주소를 입력해주세요.") return false; } */ //기업회원일 경우 if(insertType == 'c'){ if(frm.mberNmC.value == ''){ alert("회사명을 입력해주세요"); return ; } if(frm.ceoNm.value == ''){ alert("대표명을 입력해주세요"); return ; } //사업자등록번호 체크 var numberMap = $("#bizNo").val().replace(/-/gi, '').split('').map(function (d){ return parseInt(d, 10); }); if(numberMap.length == 10){ var keyArr = [1, 3, 7, 1, 3, 7, 1, 3, 5]; var chk = 0; keyArr.forEach(function(d, i){ chk += d * numberMap[i]; }); chk += parseInt((keyArr[8] * numberMap[8])/ 10, 10); if(Math.floor(numberMap[9]) !== ( (10 - (chk % 10) ) % 10)){ alert("사업자 번호가 유효하지 않습니다."); return false; } }else{ alert("사업자 번호가 유효하지 않습니다."); return false; } //사업자등록번호 - 빼기 frm.bizNo.value = frm.bizNo.value.replace(/-/gi, "").trim(); //사업자등록번호 확인 여부 체크 if ($('#btnCheckBizNo').is(':visible')){ alert("사업자등록번호 확인 후 진행가능합니다."); return; } /* if($("#atFileBasicWrite").val() == ''){ alert("사업자등록증을 첨부해주세요.") return false; } if($("#atFileBasicWriteWork").val() == ''){ alert("재직증명서를 첨부해주세요.") return false; } */ /* if($("#bizcondition").val() == ''){ alert("업태를 입력해주세요.") return false; } if($("#bizEvnet").val() == ''){ alert("종목을 입력해주세요.") return false; } */ //계산서 자동발행 신청 시 //22.50.10 계산서 영역 삭제 /* if(frm.taxbillAuto.value == "Y"){ //모든 항목 공백 체크 if( $("#taxMngEmail1").val() == "" || $("#taxMngEmail2").val() == "" || $("#taxMngNm").val() == "" || $("#taxMngPosition").val() == "" || $("#taxMngPhoneNum").val() == "" || $("#taxMngComNum").val() == "" ){ alert("계산서 자동 발행 시 모든 항목을 입력해주세요."); return false; } } //계산서 이메일 내용 작성 시 유효성 검사 후 value 넣어주기 if($("#taxMngEmail1").val() != "" || $("#taxMngEmail2").val() != ""){ //이메일 체크 var taxEmail = frm.taxMngEmail1.value + "@" + frm.taxMngEmail2.value; var taxExptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/; if(taxExptext.test(taxEmail)==false){ alert("계산서 수신 이메일주소 형식이 올바르지 않습니다."); return false; } frm.taxMngEmail.value = taxEmail; } //게산서 휴대폰 내용 작성 시 유효성 검사 if($("#taxMngPhoneNum").val() != ""){ var phoneCheck = $("#taxMngPhoneNum").val(); if( !regExp.test(phoneCheck)) { alert("계산서 휴대폰 양식을 확인해주세요."); return false; } } //게산서 일반전화 내용 작성 시 유효성 검사 if($("#taxMngComNum").val() != ""){ var comNumCheck = $("#taxMngComNum").val(); if( !regExp.test(comNumCheck)) { alert("계산서 일반전화 양식을 확인해주세요."); return false; } } */ } //현금영수증 입력란 제거 /* //개인회원일 경우 if(insertType == 'p'){ //현금영수증 자동발행 신청 시 if(frm.cashbillAuto.value == "Y"){ //모든 항목 공백 체크 if( $("#cashMngEmail1").val() == "" || $("#cashMngEmail2").val() == "" || $("#cashMngPhoneNum").val() == "") { alert("현금영수증 자동 발행 시 모든 항목을 입력해주세요."); return false; } if(frm.cashbillType.value == "1"){ if($("#cashbillPhoneNum").val() == ""){ alert("현금영수증 자동 발행 시 모든 항목을 입력해주세요."); return false; } }else if(frm.cashbillType.value == "2"){ if($("#cashbillBizNo").val() == ""){ alert("현금영수증 자동 발행 시 모든 항목을 입력해주세요."); return false; } } } //현금영수증 이메일 내용 작성 시 유효성 검사 후 value 넣어주기 if($("#cashMngEmail1").val() != "" || $("#cashMngEmail2").val() != ""){ //이메일 체크 var cashEmail = frm.cashMngEmail1.value + "@" + frm.cashMngEmail2.value; var cashExptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/; if(cashExptext.test(cashEmail)==false){ alert("현금영수증 수신 이메일주소 형식이 올바르지 않습니다."); return false; } frm.cashMngEmail.value = cashEmail; } //현금영수증 발행 휴대폰 내용 작성 시 유효성 검사 if($("#cashbillPhoneNum").val() != ""){ var phoneCheck = $("#cashbillPhoneNum").val(); if( !regExp.test(phoneCheck)) { alert("현금영수증 휴대폰 양식을 확인해주세요."); return false; } } //현금영수증 담당 휴대폰 내용 작성 시 유효성 검사 if($("#cashMngPhoneNum").val() != ""){ var phoneCheck = $("#cashMngPhoneNum").val(); if( !regExp.test(phoneCheck)) { alert("현금영수증 담당 휴대폰 양식을 확인해주세요."); return false; } } } */ if(!$("#termsCheck").is(":checked")){ alert("약관 동의를 체크해주세요."); return false; } var _fileForm2 = new Array(); var data = new FormData(document.mberManageVO); _fileForm2.forEach(function(obj, idx) { if (obj) data.append("file"+idx, obj.fileObj); }); var url = "/web/user/login/usrJoinInsertAjax.do"; $.ajax({ type: "POST", enctype: 'multipart/form-data', url: url, data: data, dataType:'json', async: false, processData: false, contentType: false, cache: false, success: function (returnData, status) { if(status == 'success'){ if("no_atchFile"==returnData.result){ alert(returnData.message); return; } if("success" == returnData.resultSts){ alert("회원가입 완료하였습니다."); //저장완료 화면으로 이동하기 fnInsertJoin(); }else{ alert("회원가입에 실패 하였습니다."); return false; } } else if(status== 'fail'){ alert("회원가입에 실패하였습니다. !!"); } }, beforeSend: function () { $('#sendBtn').prop("disabled", true); //로딩창 show $('.loading_layer').addClass('active'); }, complete: function () { $('#sendBtn').prop("disabled", false); //로딩창 hide $('.loading_layer').removeClass('active'); }, error: function (request,status,error) { //alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); alert("회원가입에 실패하였습니다."); console.log("ERROR : ", error); } }); } //가입 완료 화면 function fnInsertJoin(){ var joinfrm = document.joinForm; var id = $("#mberId").val(); var pw = $("#passwordCheck").val(); $("#joinId").val(id); $("#joinPassword").val(pw); //개인회원은 바로 로그인 처리, 기업회원은 회원가입 심사로 인한 로그인 미처리 if(document.mberManageVO.dept.value != 'c'){ joinfrm.action="<c:url value='/web/user/login/actionSecurityJoinLogin.do'/>"; }else{ joinfrm.action="<c:url value='/web/user/login/usrJoinMemShipComplete.do'/>"; } if(document.mberManageVO.dept.value != 'c'){ joinfrm.mberNm.value = document.mberManageVO.mberNmP.value; }else{ joinfrm.mberNm.value = document.mberManageVO.mberNmC.value; } joinfrm.mberId.value = id; joinfrm.dept.value = $("#dept").val(); joinfrm.submit(); } /* //가입 완료 화면 function fnInsertJoin(){ var joinfrm = document.joinForm; if(document.mberManageVO.dept.value != 'c'){ joinfrm.mberNm.value = document.mberManageVO.mberNmP.value; }else{ joinfrm.mberNm.value = document.mberManageVO.mberNmC.value; } joinfrm.mberId.value = $("#mberId").val(); joinfrm.dept.value = $("#dept").val(); joinfrm.submit(); } */ function emailChange(email){ var emailTxt = $("input[name=email2]"); if(email.value == '1'){ $("input[name=email2]").attr('readonly', false); emailTxt.val(''); }else{ emailTxt.val(email.value); $("input[name=email2]").attr('readonly', true); } } function taxEmailChange(email){ var taxEmailTxt = $("input[name=taxMngEmail2]"); if(email.value == '1'){ $("input[name=taxMngEmail2]").attr('readonly', false); taxEmailTxt.val(''); }else{ taxEmailTxt.val(email.value); $("input[name=taxMngEmail2]").attr('readonly', true); } } function cashEmailChange(email){ var cashEmailTxt = $("input[name=cashMngEmail2]"); if(email.value == '1'){ $("input[name=cashMngEmail2]").attr('readonly', false); cashEmailTxt.val(''); }else{ cashEmailTxt.val(email.value); $("input[name=cashMngEmail2]").attr('readonly', true); } } function changeValue(obj){ $('#atFileBasicWrite').val(obj.value); } function changeValueWork(obj){ $('#atFileBasicWriteWork').val(obj.value); } //주소 검색 function openDaumZipAddress(){ new daum.Postcode({ oncomplete: function(data) { $("#zip").val(data.zonecode); if(data.userSelectedType == "R"){ $("#adres").val(data.roadAddress); }else{ $("#adres").val(data.jibunAddress); } } }).open(); } function onOffInputBox(p_param1, p_param2){ if (p_param1=='OFF'){ //회사명, 대표, 사업자등록번호, 사업자등록번호 확인 버튼, 비활성화 //$("#pre_mberNmC").attr("disabled", true); //설정 //$("#pre_ceoNm").attr("disabled", true); //설정 $("#pre_bizNo").attr("disabled", true); //설정 $('#checkType').val(p_param2); //100 or 111 $("#btnCheckBizNo").hide(); //설정 $("#btnCheckBizNoNow").hide(); $("#btnReCheckBizNo").show(); //설정 }else{//회사명, 대표, 사업자등록번호, 사업자등록번호 확인 버튼 활성화 //$("#pre_mberNmC").attr("disabled", false); //설정 //$("#pre_ceoNm").attr("disabled", false); //설정 $("#pre_bizNo").attr("disabled", false); //설정 $("#btnCheckBizNo").show(); //설정 $("#btnCheckBizNoNow").hide(); $("#btnReCheckBizNo").hide(); //설정 } } </script> </head> <body> <form id="mberManageVO" name="mberManageVO" action="/web/user/login/usrJoinInsert.do" method="post" enctype="Multipart/form-data"> <input type="hidden" name="mberNmC" id="mberNmC" />  <input type="hidden" name="ceoNm" id="ceoNm" />  <input type="hidden" name="bizNo" id="bizNo" />  <input type="hidden" name="checkType" id="checkType" />  <input type="hidden" name="dept" id="dept" value="<c:out value='${mberManageVO.dept}' />" /> <input type="hidden" name="receiveMsg" value="<c:out value='${mberSessionVO.receiveMsg}' />" /> <input type="hidden" name="receiveKakao" value="<c:out value='${mberSessionVO.receiveKakao}' />" /> <input type="hidden" name="receivemail" value="<c:out value='${mberSessionVO.receivemail}' />" /> <input type="hidden" name="collectMsg" value="<c:out value='${mberSessionVO.collectMsg}' />" /> <input type="hidden" name="sexdstnCode" value="<c:out value='${mberManageVO.sexdstnCode}' />" /> <input type="hidden" name="birthDay" value="<c:out value='${mberManageVO.birthDay}' />" /> <input type="hidden" name="mblDn" value="<c:out value='${mberManageVO.mblDn}' />" /> <input type="hidden" name="nationality" id="nationality" value="<c:out value='${mberManageVO.nationality}' />" /> <input type="hidden" name="mberEmailAdres" /> <input type="hidden" name="mberNm" /> <input type="hidden" name="managerNm" /> <input type="hidden" name="taxMngEmail" /> <input type="hidden" name="cashMngEmail" /> <input type="hidden" name="idx" id="idx" value="<c:out value='${mberManageVO.idx}' />"/> <double-submit:preventer tokenKey="someKey" />  <div class="loading_layer"> <div class="loading_container"> <div class="bar"></div> <div class="text">Loading</div> </div> </div> <div class="inner"> <div class="memberIn"> <div class="heading"> <h2>회원가입</h2> </div>  <div class="mem_cont join3">  <p class="welcome"> <span>문자온</span>에 오신것을 환영합니다. </p> <ul class="mem_nav"> <li><i></i> <div> <p>01</p> <span>약관동의</span> </div></li> <li class="on"><i></i> <div> <p>02</p> <span>정보입력</span> </div></li> <li><i></i> <div> <p>03</p> <span>가입완료</span> </div></li> </ul>   <div class="mem_cont_in"> <div class="text_top"> <p> <span class="c_002c9a"><c:if test="${mberManageVO.dept eq 'p' }">개인회원</c:if><c:if test="${mberManageVO.dept eq 'c' }">기업회원</c:if></span>으로 가입중입니다. </p> </div> <div class="input_wrap"> <p class="input_title"> <i></i>필수 가입정보 </p>  <div class="input_list"> <p class="list_title">기본정보</p> <div class="input_list_item colorW"> <div class="input_left">이름</div> <div class="input_right"> <label for="mberNmP" class="label">이름</label> <c:choose> <c:when test="${joinType == 'M' || joinType == 'A'}"> <input type="text" class="list_inputType1" id="mberNmP" name="mberNmP" value="<c:out value='${mberManageVO.niceNm}' />" /> </c:when> <c:otherwise> <input type="text" class="list_inputType1" id="mberNmP" name="mberNmP" value="<c:out value='${mberManageVO.niceNm}' />" maxlength="8" /> </c:otherwise> </c:choose> </div> </div> <div class="input_list_item colorW"> <div class="input_left">휴대폰</div> <div class="input_right"> <label for="moblphonNo" class="label">휴대폰</label> <input type="text" class="list_inputType1" id="moblphonNo" name="moblphonNo" value="<c:out value='${mberManageVO.moblphonNo}' />" /> </div> </div> <div class="input_list_item"> <div class="input_left"><span class="essential">*</span>아이디</div> <div class="input_right"> <label for="mberId" class="label">아이디 입력</label> <input type="text" class="list_inputType1" name="mberId" id="mberId" maxlength="12" /> </div> <div class="list_alert pass_no idPass_no" style="display: none;"> <i></i> <span>이미 사용중이거나 탈퇴한 아이디 입니다.</span> </div> <div class="list_alert pass idPass" style="display: none;"> <i></i> <span>사용 가능한 아이디입니다.</span> </div> </div> <div class="mem_noti">아이디는 4자 이상, 12자 이하의 영문자 또는 영문자와 숫자를 조합하여 사용해야 합니다.</div> <div class="input_list_item"> <div class="input_left"><span class="essential">*</span>비밀번호</div> <div class="input_right"> <label for="passwordCheck" class="label">비밀번호 입력</label> <input type="password" class="list_inputType1 test" name="password" id="passwordCheck" maxlength="20"> </div> <div class="list_alert password_pass_no" style="display: none;"> <ul> <li><span class="step1"></span></li> <li><span class="step2"></span></li> <li><span class="step3"></span></li> </ul> <span>안전도 낮음</span> </div> <div class="list_alert password_pass" style="display: none;"> <ul> <li><span class="step1"></span></li> <li><span class="step2"></span></li> <li><span class="step3"></span></li> </ul> <span>안전함</span> </div> </div> <div class="mem_noti">비밀번호는 영문자, 특수문자, 숫자를 조합하여 8자 이상, 20자 이하로 사용해야 합니다.</div> <div class="input_list_item"> <div class="input_left"><span class="essential">*</span>비밀번호 확인</div> <div class="input_right"> <label for="passwordCheck2" class="label">비밀번호 확인 입력</label> <input type="password" class="list_inputType1 colorLight" name="password2" id="passwordCheck2" placeholder="비밀번호 확인" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호 확인'" maxlength="20"> </div> <div class="list_alert pass_no pwPass_no" style="display: none;"> <i></i> <span>비밀번호가 일치하지 않습니다.</span> </div> <div class="list_alert pass pwPass" style="display: none;"> <i></i> <span>비밀번호가 일치합니다.</span> </div> </div> <div class="input_list_item emailWrap"> <div> <div class="input_left"><span class="essential">*</span>이메일</div> <div class="input_right"> <div class="email"> <label for="email1" class="label">이메일 주소 앞자리</label> <input type="text" id="email1" name="email1" class="list_inputType1" maxlength="29"> <span>@</span> <label for="email2" class="label">이메일 주소 뒷자리</label> <input type="text" id="email2" name="email2" class="list_inputType1" maxlength="20"> </div> <div class="email_select"> <label for="emailSelect" class="label">이메일 선택</label> <select class="list_selType1" id="emailSelect" onchange="emailChange(this)"> <c:forEach var="result" items="${emailCode}" varStatus="status"> <c:if test="${status.index eq 0 }"> <option value="1">${result.codeNm}</option> </c:if> <c:if test="${status.index ne 0 }"> <option value="${result.codeDc}">${result.codeNm}</option> </c:if> </c:forEach> </select> </div> </div> </div> </div> <div class="input_list_item visit_path"> <div class="input_left"><span class="essential">*</span>방문경로</div> <div class="input_right"> <label for="joinType" class="label">방문경로 선택</label> <select class="list_selType1" id="joinType" name="joinType"> <c:forEach var="result" items="${visitRoute}"> <option value="${result.code}">${result.codeNm}</option> </c:forEach> </select> </div> </div>   </div>--%> </div>   <div class="input_list company"> <p class="list_title">기업정보</p> <div class="input_list_item"> <div class="input_left"><span class="essential">*</span>기업유형</div> <div class="input_right"> <c:forEach var="result" items="${bizTypeCode}" varStatus="status"> <input id="<c:out value='${result.code}' />" type="radio" name="bizType" class="onlyC" value="<c:out value='${result.code}' />" <c:if test="${status.index eq 0 }" >checked="checked" </c:if>> <label for="<c:out value='${result.code}' />">${result.codeNm}</label> </c:forEach> </div> </div> <div class="input_list_item"> <div class="input_left"><span class="essential">*</span>회사명</div> <div class="input_right"> <label for="" class="label">회사명 입력</label> <input type="text" class="list_inputType1 onlyC" name="pre_mberNmC" id="pre_mberNmC" maxlength="30" /> </div> </div> <div class="input_list_item"> <div class="input_left"><span class="essential">*</span>대표</div> <div class="input_right"> <label for="" class="label">대표 입력</label> <input type="text" class="list_inputType1 onlyC" name="pre_ceoNm" id="pre_ceoNm" maxlength="50" /> </div> </div> <div class="input_list_item input_list_biz"> <div class="input_left"><span class="essential">*</span>사업자등록번호</div> <div class="input_right"> <label for="" class="label">사업자등록번호 입력</label> <input type="text" class="list_inputType1 onlyC" name="pre_bizNo" id="pre_bizNo" maxlength="12"> <div class="list_btn_wrap"> <button type="button" id="btnCheckBizNo" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button> <button type="button" id="btnCheckBizNoNow" onclick="return false;" style="display:none;">확인중...</button> <button type="button" id="btnReCheckBizNo" onclick="onOffInputBox('ON','000'); return false;" style="display:none;">사업자등록번호 다시 입력</button> </div> </div> </div> <div class="input_list_item"> <div class="input_left">사업자등록증 첨부</div> <div class="input_right"> <label for="atFileBasicWrite" class="label">사업자등록증 첨부</label> <input type="text" class="list_inputType1" disabled id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;"> <div class="list_btn_wrap"> <span>사업자등록증 첨부(5MB 이내)</span> <input type="file" name="file" id="file" class="onlyC" style="display: none" onchange="changeValue(this); return false;" /> <button type="button" onclick="document.all.file.click(); return false;">파일첨부</button> </div> </div> </div> <div class="input_list_item"> <div class="input_left input_left_poe">재직증명서<span class="poe_noti2">(대표자는 생략)</span></div> <div class="input_right"> <label for="atFileBasicWriteWork" class="label">재직증명서 첨부</label> <input type="text" class="list_inputType1" disabled id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;"> <div class="list_btn_wrap"> <span>재직증명서 첨부(5MB 이내)</span> <input type="file" name="fileWork" id="fileWork" class="onlyC input-file" style="display: none" onchange="changeValueWork(this); return false;" /> <button type="button" onclick="document.all.fileWork.click(); return false;">파일첨부</button> </div> </div> </div>  </div>    <%-- <c:if test="${mberManageVO.dept eq 'p'}"> <div class="input_list listType2"> <p class="list_title">현금영수증 정보</p> <div class="input_list_item"> <div class="input_left" style="width: 180px;">현금영수증 자동 발행</div> <div class="input_right"> <input id="cashbillAutoY" type="radio" name="cashbillAuto" class="onlyP" value="Y"> <label for="cashbillAutoY">매월 자동발행</label> <input id="cashbillAutoN" type="radio" name="cashbillAuto" class="onlyP" checked="checked" value="N"> <label for="cashbillAutoN">발행하지 않음</label> </div> </div> <div class="invoice"> <div class="invoice_wrap"> <div class="input_list_item2"> <div class="input_left">종류</div> <div class="input_right"> <input id="cashbillType1" type="radio" name="cashbillType" value="1" checked="checked"> <label for="cashbillType1">소득공제</label> <input id="cashbillType2" type="radio" name="cashbillType" value="2"> <label for="cashbillType2">지출증빙</label> </div> </div> <div class="input_list_item2 number cashbillPhoneNum"> <div class="input_left">휴대폰</div> <div class="input_right"> <label for="cashbillPhoneNum" class="label">휴대폰 입력</label> <input type="text" class="list_inputType1 inputLight" name="cashbillPhoneNum" id="cashbillPhoneNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"> </div> </div> <div class="input_list_item2 cashbillBizNo" style="display:none;"> <div class="input_left">사업자등록번호</div> <div class="input_right"> <label for="cashbillBizNo" class="label">사업자등록번호 입력</label> <input type="text" class="list_inputType1" name="cashbillBizNo" id="cashbillBizNo" maxlength="12" > </div> </div> <div class="input_list_item2"> <div class="input_left" style="width: 150px;">계산서 수신이메일</div> <div class="input_right"> <div class="email"> <label for="cashMngEmail1" class="label">이메일 주소 앞자리</label> <input type="text" id="cashMngEmail1" name="cashMngEmail1" class="list_inputType1" maxlength="29"> <span>@</span> <label for="cashMngEmail2" class="label">이메일 주소 뒷자리</label> <input type="text" id="cashMngEmail2" name="cashMngEmail2" class="list_inputType1" maxlength="20"> <label for="cashEmailSelect" class="label">이메일 선택</label> <select class="list_selType1" id="cashEmailSelect" onchange="cashEmailChange(this)"> <c:forEach var="result" items="${emailCode}" varStatus="status"> <c:if test="${status.index eq 0 }"> <option value="1">${result.codeNm}</option> </c:if> <c:if test="${status.index ne 0 }"> <option value="${result.codeDc}">${result.codeNm}</option> </c:if> </c:forEach> </select> </div> </div> </div> <div class="input_list_item2 number"> <div class="input_left">담당자 휴대폰</div> <div class="input_right"> <label for="cashMngPhoneNum" class="label">담당자 휴대폰 입력</label> <input type="text" class="list_inputType1 inputLight" name="cashMngPhoneNum" id="cashMngPhoneNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"> </div> </div> </div> </div> </div> </c:if> --%>     <input type="hidden" name="taxbillAuto" value="N" /> <%-- <c:if test="${mberManageVO.dept eq 'c'}"> <div class="input_list listType2"> <p class="list_title">계산서 정보</p> <div class="input_list_item"> <div class="input_left" style="width: 180px;">계산서 자동 발행 </div> <div class="input_right"> <input id="taxbillAutoY" type="radio" name="taxbillAuto" class="onlyC" value="Y"> <label for="taxbillAutoY">매월 자동발행</label> <input id="taxbillAutoN" type="radio" name="taxbillAuto" class="onlyC" checked="checked" value="N"> <label for="taxbillAutoN">발행하지 않음</label> </div> </div> <div class="invoice"> <div class="invoice_wrap"> <div class="input_list_item2"> <div class="input_left" style="width: 150px;">계산서 수신이메일</div> <div class="input_right"> <div class="email"> <label for="taxMngEmail1" class="label">이메일 주소 앞자리</label> <input type="text" id="taxMngEmail1" name="taxMngEmail1" class="list_inputType1" maxlength="29"> <span>@</span> <label for="taxMngEmail2" class="label">이메일 주소 뒷자리</label> <input type="text" id="taxMngEmail2" name="taxMngEmail2" class="list_inputType1" maxlength="20"> <label for="taxEmailSelect" class="label">이메일 선택</label> <select class="list_selType1" id="taxEmailSelect" onchange="taxEmailChange(this)"> <c:forEach var="result" items="${emailCode}" varStatus="status"> <c:if test="${status.index eq 0 }"> <option value="1">${result.codeNm}</option> </c:if> <c:if test="${status.index ne 0 }"> <option value="${result.codeDc}">${result.codeNm}</option> </c:if> </c:forEach> </select> </div> </div> </div> <div class="input_list_item2"> <div class="input_half"> <div>담당자</div> <div> <label for="taxMngNm" class="label">담당자 입력</label> <input type="text" class="list_inputType1" name="taxMngNm" id="taxMngNm" maxlength="8"> </div> </div> <div class="input_half"> <div>직위</div> <div> <label for="taxMngPosition" class="label">직위 입력</label> <input type="text" class="list_inputType1" name="taxMngPosition" id="taxMngPosition" maxlength="8"> </div> </div> </div> <div class="input_list_item2 number"> <div class="input_left">담당자 휴대폰</div> <div class="input_right"> <label for="taxMngPhoneNum" class="label">담당자 휴대폰 입력</label> <input type="text" class="list_inputType1 inputLight" name="taxMngPhoneNum" id="taxMngPhoneNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"> </div> </div> <div class="input_list_item2 number"> <div class="input_left">일반전화</div> <div class="input_right"> <label for="taxMngComNum" class="label">일반전화 번호 입력</label> <input type="text" class="list_inputType1 inputLight" name="taxMngComNum" id="taxMngComNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"> </div> </div> </div> </div> </div> </c:if> --%>  </div> <div class="consent_info"> <div class="consent_info_cont"> <p>스팸 규제 안내</p> <p> 정보통신부 지침에 따라 불법스팸(게임/도박/대출/성인/청소년유해물 등)의 문자 발견시 아이디가 정지 및 삭제 됩니다.<br> 스팸전송으로 정지시 잔액 환불 및 재가입이 절대 불가합니다. </p> </div> <div class="consent_info_cont"> <p>상업성 광고문자발송 안내</p> <p>현재 시행중인 광고전송에 대한 관령 법령(정보통신망법 제50조)에 따라 상업성 문자는 모두 광고표시사항을 준수하셔야 하며 위반시 아이디 정지 및 과태료 처분을 받으실 수 있습니다.</p> </div> <div> <div class="checkbox_wrap"> <input type="checkbox" id="termsCheck" title="회원가입 전체약관에 동의" class="joinCheckbox type2"> <label for="termsCheck">위의 내용에 동의합니다.</label> </div> </div> </div> <div class="company company_noti"> 기업고객은 서류 등록 / 심사 필요 </div> </div>  <div class="mem_btnWrap2"> <button type="button" class="mem_btn2" onclick="history.go(-1); return false;">이전</button> <button type="button" class="mem_btn3" id="sendBtn" onclick="fnInsert('<c:out value='${mberManageVO.dept}' />'); return false;">회원가입</button> </div> </div>  </div> </div> </div>   <input type="hidden" name="lastInput" id="lastInput" value="lastInput"> </form> <form name="joinForm" action="/web/user/login/usrJoinComplete.do" method="post"> <input type="hidden" name="mberNm" /> <input type="hidden" name="mberId" /> <input type="hidden" name="dept" /> <input type="hidden" id="joinId" name="id"> <input type="hidden" id="joinPassword" name="password"> </form>  </body> </html>