mjon_git/src/main/webapp/WEB-INF/jsp/web/login/usrInsertView.jsp

1203 lines
47 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ 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">
var blineCode = '${blineCode}';
$( document ).ready(function(){
$("input[name='blineCode']").val(blineCode.toUpperCase());
// 추천아이디 Show & Hide
if (blineCode.toUpperCase().lastIndexOf("B") > -1) {
$("#recommendIdArea").show();
}
else {
$("#recommendIdArea").hide();
}
//이미 가입 된 번호인지 체크 - 오픈 후 주석 풀기
/* $.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(){
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("사업자 번호 확인이 완료 되었습니다.");
return false;
}else{
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
}
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
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;
} */
// B라인 가입일경우
if (blineCode.toUpperCase().lastIndexOf("B") > -1) {
if(frm.recommendId.value == ''){
alert("추천 아이디 또는 이름을 입력해주세요.\n없으시면 없음 입력해주세요.");
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($("#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();
}
</script>
</head>
<body>
<form id="mberManageVO" name="mberManageVO"
action="/web/user/login/usrJoinInsert.do" method="post"
enctype="Multipart/form-data">
<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}' />"/>
<input type="hidden" name="blineCode" value="" />
<double-submit:preventer tokenKey="someKey" />
<!-- content 영역 -->
<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">
<!-- step -->
<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>
<!--// step -->
<!-- cont -->
<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}' />" readonly />
</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}' />" readonly />
</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 class="input_list_item" id="recommendIdArea">
<div class="input_left"><span class="essential">*</span>추천 아이디/이름</div>
<div class="input_right">
<label for="recommendId" class="label">추천 아이디/이름</label>
<input type="text" class="list_inputType1" id="recommendId" name="recommendId" value="<c:out value='${mberManageVO.recommendId}' />" maxlength="25" />
</div>
</div>
<!-- 22.05.11 주소 삭제 -->
<!-- <div class="input_list_item input_list_adres">
<%-- 주소 영역 삭제 --%>
<%--<div class="input_list_item input_list_adres">
<div class="input_left">주소</div>
<div class="input_right">
<label for="" class="label">주소 입력</label> <input type="hidden"
class="list_inputType1" name="zip" id="zip" readonly>
<input type="text" class="list_inputType1" name="adres"
id="adres" readonly>
<div class="list_btn_wrap">
<button type="button" onClick="openDaumZipAddress();">우편번호
찾기</button>
</div>
</div>
</div>
<div class="input_list_item">
<div>
<label for="" class="label">사업장 주소 상세 입력</label>
<input type="text" class="list_inputType1 colorLight" name="detailAdres" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'" maxlength="50">
</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="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="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="bizNo" id="bizNo" maxlength="12">
<div class="list_btn_wrap">
<button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</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 class="input_list_item bis_status">
<div class="input_left">업태/종목</div>
<div class="input_right">
<label for="" class="label">업태 입력</label> <input type="text" class="list_inputType1 colorLight onlyC" name="bizcondition" id="bizcondition" placeholder="업태 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='업태 입력'" maxlength="30"> <span>/</span>
<label for="" class="label">종목 입력</label> <input type="text" class="list_inputType1 colorLight onlyC" name="bizEvnet" id="bizEvnet" placeholder="종목 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='종목 입력'" maxlength="30">
</div>
</div> -->
</div>
<!--// 기업정보 -->
<!-- 개인회원 현금영수증 정보 -->
<!-- 현금영수증 자동발행 정보 주석_220502 -->
<%--
<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>
--%>
<!-- 개인회원 현금영수증 정보 끝-->
<!-- 기업 세금계산서 정보 -->
<!-- 22.05.10 계산서 삭제 -->
<!-- 자동발행 N으로 넘겨주시 위한 hidden -->
<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>
<!--// cont -->
<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>
<!--// content 영역 -->
<!-- explorer 에러방지용 빈 hidden. 삭제하지 말 것! -->
<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>
<!-- <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" />
</form> -->
</body>
</html>