397 lines
15 KiB
Plaintext
397 lines
15 KiB
Plaintext
<%@ 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 prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
|
|
<script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
|
|
<script language=javascript>
|
|
$(document).ready(function(){
|
|
$("#exPassword").keydown(function(key) {
|
|
if (key.keyCode == 13) { // 엔터키가 눌렸을 때
|
|
selectInputPwAjax()
|
|
}
|
|
});
|
|
|
|
// 기본정보 정보 이메일 주소 선택
|
|
$("#selectEmail").on("change",function(){
|
|
$("#emailAdd").val($(this).val());
|
|
});
|
|
|
|
});
|
|
|
|
function membershipChangePage(){
|
|
document.updateUserInfoForm.action = '/web/user/membershipChange.do';
|
|
document.updateUserInfoForm.submit();
|
|
}
|
|
|
|
//현재 비밀번호 입력 후 맞는지 조회
|
|
function selectInputPwAjax(){
|
|
|
|
if($("#exPassword").val() == ""){
|
|
alert("비밀번호를 입력해 주세요.");
|
|
return false;
|
|
}
|
|
|
|
var form = document.selectPasswordCheckForm;
|
|
form.password.value = $("#exPassword").val();
|
|
var data = new FormData(form);
|
|
$.ajax({
|
|
cache : false
|
|
,url : "<c:url value='/web/user/selectPasswordCheckAjax.do'/>"
|
|
,async:false
|
|
,type : 'POST'
|
|
,data : data
|
|
,dataType:'json'
|
|
,processData: false
|
|
,contentType: false
|
|
,success : function(returnData, status){
|
|
if(returnData.result == "success") {
|
|
if(returnData.pwCheck == "1"){
|
|
$("#passwordCheckPage").css("display", "none");
|
|
$("#userInfoPage").css("display", "block");
|
|
|
|
$("#tr_cert").val(returnData.certVO.tr_cert);
|
|
$("#tr_url").val(returnData.certVO.tr_url);
|
|
$("#tr_add").val(returnData.certVO.tr_add);
|
|
|
|
}else{
|
|
$(".pass_no").css("display", "block");
|
|
$('#exPassword').val("");
|
|
$('#exPassword').focus();
|
|
}
|
|
} else{
|
|
alert(returnData.message);
|
|
return;
|
|
}
|
|
}
|
|
,error : function(request , status, error){
|
|
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
|
}
|
|
});
|
|
}
|
|
|
|
//서류등록 [시작]--------------------------------------------------------------------------------------------
|
|
function selectAddFile(id){
|
|
$('#'+id).click();
|
|
}
|
|
|
|
//첨부파일 등록
|
|
var _fileIdx = 0;
|
|
var _fileForm2 = new Array();
|
|
|
|
function tempFile(files){
|
|
var fd = new FormData();
|
|
fd.append('file', files[0]);
|
|
var tmpObj = new Object();
|
|
tmpObj.name = "file_" + _fileIdx;
|
|
tmpObj.fileObj = files[0];
|
|
_fileForm2.push(tmpObj);
|
|
tempFileInfo(files[0]);
|
|
_fileIdx++;
|
|
}
|
|
|
|
function tempFileInfo(fileObj){
|
|
$("#fileInfo").val(fileObj.name);
|
|
}
|
|
//서류등록 [끝]--------------------------------------------------------------------------------------------
|
|
|
|
//휴대푠 번호 등록 [시작]--------------------------------------------------------------------------------------------
|
|
window.name = "kmcis_web_sample";
|
|
|
|
var KMCIS_window;
|
|
|
|
function openKMCISWindow(){
|
|
//본인인증시도 로그
|
|
certAccessLog();
|
|
var UserAgent = navigator.userAgent;
|
|
/* 모바일 접근 체크*/
|
|
// 모바일일 경우 (변동사항 있을경우 추가 필요)
|
|
if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null) {
|
|
document.reqKMCISForm.target = 'KMCISWindow'; // 모바일
|
|
} else { // 모바일이 아닐 경우
|
|
KMCIS_window = window.open('', 'KMCISWindow', 'width=425, height=550, resizable=0, scrollbars=no, status=0, titlebar=0, toolbar=0, left=435, top=250' );
|
|
|
|
if(KMCIS_window == null){
|
|
alert(" ※ 윈도우 XP SP2 또는 인터넷 익스플로러 7 사용자일 경우에는 \n 화면 상단에 있는 팝업 차단 알림줄을 클릭하여 팝업을 허용해 주시기 바랍니다. \n\n※ MSN,야후,구글 팝업 차단 툴바가 설치된 경우 팝업허용을 해주시기 바랍니다.");
|
|
}
|
|
|
|
document.reqKMCISForm.target = 'KMCISWindow';
|
|
}
|
|
|
|
document.reqKMCISForm.action = 'https://www.kmcert.com/kmcis/web/kmcisReq.jsp';
|
|
document.reqKMCISForm.submit();
|
|
}
|
|
//휴대푠 번호 등록 [끝]--------------------------------------------------------------------------------------------
|
|
|
|
|
|
//회원정보 변경
|
|
function updateUserInfo(){
|
|
//전화번호 양식 체크
|
|
var regExp = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/;
|
|
|
|
if($("#agree1_1").is(":checked")){
|
|
$("#receiveMsg").val("Y");
|
|
}else{
|
|
$("#receiveMsg").val("N");
|
|
}
|
|
|
|
if($("#agree1_2").is(":checked")){
|
|
$("#receiveKakao").val("Y");
|
|
}else{
|
|
$("#receiveKakao").val("N");
|
|
}
|
|
|
|
if($("#agree1_3").is(":checked")){
|
|
$("#receivemail").val("Y");
|
|
}else{
|
|
$("#receivemail").val("N");
|
|
}
|
|
|
|
|
|
if($("#emailId").val() != ""|| $("#emailAdd").val() != ""){
|
|
if($("#emailAdd").val() != ""){
|
|
var email = $("#emailId").val() + "@" + $("#emailAdd").val();
|
|
var taxExptext = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
|
|
if(taxExptext.test(email)==false){
|
|
alert("이메일주소 형식이 올바르지 않습니다.");
|
|
return false;
|
|
}
|
|
|
|
$("#mberEmailAdres").val(email);
|
|
}else{
|
|
alert("이메일 주소를 확인해 주세요");
|
|
return false;
|
|
}
|
|
}
|
|
|
|
if("${userInfo.moblphonNo}" != $("#moblphonNo").val()){
|
|
if($("#moblphonNoChangeYn").val() == 'N'){
|
|
alert("휴대폰 변경은 본인인증 후 가능합니다.");
|
|
return false;
|
|
}
|
|
}
|
|
|
|
var form = document.updateUserInfoForm;
|
|
var data = new FormData(form);
|
|
_fileForm2.forEach(function(obj, idx) {
|
|
if (obj) data.append("file"+idx, obj.fileObj);
|
|
});
|
|
|
|
$.ajax({
|
|
type : 'POST'
|
|
, enctype : 'multipart/form-data'
|
|
, url : "<c:url value='/web/user/updateUserInfoAjax.do'/>"
|
|
, data : data
|
|
, dataType:'json'
|
|
, async:false
|
|
, processData: false
|
|
, contentType: false
|
|
, cache : false
|
|
, success : function(returnData, status){
|
|
if(returnData.result == "success") {
|
|
alert("회원정보가 정상적으로 변경되었습니다.");
|
|
} else{
|
|
alert(returnData.message);
|
|
return;
|
|
}
|
|
}
|
|
,error : function(request , status, error){
|
|
// alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
|
// alert("입력한 정보를 다시 확인해 주세요");
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
<div class="inner">
|
|
<!-- send top -->
|
|
<div class="send_top">
|
|
<!-- tab button -->
|
|
<%@include file="/WEB-INF/jsp/web/user/mypageHeader.jsp" %>
|
|
<!--// tab button -->
|
|
<!-- 마이페이지 - 비밀번호 확인 -->
|
|
<form id="selectPasswordCheckForm" name="selectPasswordCheckForm" method="post">
|
|
<input type="hidden" name="password" id="password">
|
|
<input type="hidden" name="userTy" id="userTy" value="userInfoCh">
|
|
</form>
|
|
|
|
<!-- phone 본인인증 Form -->
|
|
<form name="reqKMCISForm" method="post" action="#">
|
|
<input type="hidden" name="tr_cert" id="tr_cert" value="">
|
|
<input type="hidden" name="tr_url" id="tr_url" value="">
|
|
<input type="hidden" name="tr_add" id="tr_add" value="">
|
|
</form>
|
|
|
|
<!-- 마이페이지 - 회원정보 변경 -->
|
|
<form id="updateUserInfoForm" name="updateUserInfoForm" method="post">
|
|
<input type="hidden" name="dept" id="dept" value="<c:out value="${userInfo.dept}"/>">
|
|
<input type="hidden" name="mberId" id="mberId" value="<c:out value="${userInfo.mberId}"/>">
|
|
<input type="hidden" name="moblphonNoChangeYn" id="moblphonNoChangeYn" value="N">
|
|
<input type="hidden" name="mblDn" id="mblDn" value="">
|
|
<input type="hidden" name="mberEmailAdres" id="mberEmailAdres">
|
|
|
|
<input type="hidden" name="receiveMsg" id="receiveMsg"> <!-- 마케팅 수신동의 - 휴대폰 -->
|
|
<input type="hidden" name="receiveKakao" id="receiveKakao"> <!-- 마케팅 수신동의 - 카카오 -->
|
|
<input type="hidden" name="receivemail" id="receivemail"> <!-- 마케팅 수신동의 - 이메일 -->
|
|
|
|
<input type="hidden" name="atchFileId" id="atchFileId" />
|
|
|
|
<input type="hidden" name="taxMngEmail" id="taxMngEmail" />
|
|
|
|
<!-- 마이페이지 - 회원정보 변경 -->
|
|
<div class="mypage_content current" id="tab5_1">
|
|
|
|
|
|
<div id="passwordCheckPage" style="display: block;">
|
|
<!-- 비밀번호 확인 -->
|
|
<div class="heading">
|
|
<h2>비밀번호 확인</h2>
|
|
</div>
|
|
<div class="mem_cont_in widthS">
|
|
<div class="input_list">
|
|
<p class="list_title2">비밀번호 확인 후 이용 가능한 페이지 입니다.</p>
|
|
<div class="input_list_item colorW">
|
|
<div class="input_left">아이디</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">아이디</label>
|
|
<input type="text" class="list_inputType1" value='<c:out value="${userInfo.mberId}"/>' readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item">
|
|
<div class="input_left">비밀번호</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">비밀번호 입력</label>
|
|
<input type="password" class="list_inputType1" id="exPassword" name="exPassword">
|
|
</div>
|
|
<div class="list_alert pass_no" style="display: none;">
|
|
<i></i> <span>비밀번호가 일치하지 않습니다.</span>
|
|
</div>
|
|
</div>
|
|
<div class="mem_btnWrap2">
|
|
<button type="button" class="mem_btn3" onclick="selectInputPwAjax()">확인</button>
|
|
</div>
|
|
<p class="reqTxt4">
|
|
- 외부로부터 고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 확인하고 있습니다.<br> -
|
|
비밀번호는 5회 이상 틀릴 경우 자동 로그아웃 됩니다.(영문, 숫자, 특수기호 조합 8자 이상)
|
|
</p>
|
|
</div>
|
|
<!--// 기본정보 -->
|
|
</div>
|
|
<!--// 비밀번호 확인 -->
|
|
</div>
|
|
|
|
|
|
<div id="userInfoPage" style="display: none;">
|
|
<!-- 회원정보 변경 -->
|
|
<div class="heading">
|
|
<h2>회원정보 변경</h2>
|
|
</div>
|
|
<div class="mem_cont_in">
|
|
<div class="text_top">
|
|
<p>
|
|
회원님의 정보를 <span>확인</span> 및 <span>변경</span>하실 수 있습니다.
|
|
</p>
|
|
</div>
|
|
<div class="input_wrap">
|
|
<!-- 기본정보 -->
|
|
<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="" class="label">아이디</label>
|
|
<input type="text" class="list_inputType1" value="<c:out value="${userInfo.mberId}"/>" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item colorW">
|
|
<div class="input_left">이름</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">이름</label>
|
|
<input type="text" class="list_inputType1" name="mberNm" id="mberNm" value="<c:out value="${userInfo.mberNm}"/>" value="<c:out value="${userInfo.mberNm}"/>" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item colorW input_list_phone">
|
|
<div class="input_left">휴대폰번호</div>
|
|
<div class="input_right">
|
|
<label for="" class="label">휴대폰번호</label>
|
|
<input type="text" class="list_inputType1" name="moblphonNo" id="moblphonNo" value="<c:out value="${userInfo.moblphonNo}"/>" readonly>
|
|
<div class="list_btn_wrap">
|
|
<span><span class="vMiddle">*</span>본인 명의 휴대폰으로만 변경 가능</span>
|
|
<button type="button" onclick="openKMCISWindow()">휴대폰 변경</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input_list_item emailWrap">
|
|
<div>
|
|
<div class="input_left">이메일</div>
|
|
<div class="input_right">
|
|
<div class="email">
|
|
<label for="" class="label">이메일 주소 앞자리</label>
|
|
<input type="text" class="list_inputType1" maxlength="30" id="emailId" value="${fn:substringBefore(userInfo.mberEmailAdres, '@') }" maxlength="50">
|
|
<span>@</span>
|
|
<label for="" class="label">이메일 주소 뒷자리</label>
|
|
<input type="text" class="list_inputType1" maxlength="15" id="emailAdd" value="${fn:substringAfter(userInfo.mberEmailAdres, '@') }">
|
|
</div>
|
|
<div class="email_select">
|
|
<label for="selectEmail" class="label">이메일 선택</label>
|
|
<select class="list_selType1" id="selectEmail" >
|
|
<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 send_agree">
|
|
<div class="input_left">마케팅 수신 동의</div>
|
|
<div class="input_right">
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3" <c:if test="${userInfo.receiveMsg eq 'Y'}">checked="checked"</c:if>>
|
|
<label for="agree1_1">휴대폰</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3" <c:if test="${userInfo.receiveKakao eq 'Y'}">checked="checked"</c:if>>
|
|
<label for="agree1_2">카카오</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="checkbox_wrap">
|
|
<input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3" <c:if test="${userInfo.receivemail eq 'Y'}">checked="checked"</c:if>>
|
|
<label for="agree1_3">이메일</label>
|
|
</div>
|
|
</div>
|
|
<div class="list_alert reqest_text">
|
|
<span style="line-height:1.2;">수신동의 시 각종 혜택 및</br> 이벤트 정보를 받아보실 수 있습니다.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="poe_noti">이메일 및 마케팅 수신 동의 변경은 심사 없이 바로 적용 가능합니다.</p>
|
|
<div class="mem_btnWrap2">
|
|
<button type="button" class="mem_btn4"onclick="membershipChangePage()" >기업회원 전환</button>
|
|
<button type="button" class="mem_btn3" onclick="updateUserInfo()" >변경</button> <!-- 개인회원은 바로 변경 -->
|
|
</div>
|
|
</div>
|
|
<!--// 기본정보 -->
|
|
</div>
|
|
<!--// 회원정보 변경 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--// 마이페이지 - 회원정보 변경 -->
|
|
</form>
|
|
</div>
|
|
<!--// send top -->
|
|
</div>
|
|
<!--// content 영역 -->
|