File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<%
/**
* @Class Name : EgovMberSbscrb.jsp
* @Description : 일반회원등록 JSP
* @Modification Information
* @
* @ 수정일 수정자 수정내용
* @ ------- -------- ---------------------------
* @ 2009.03.02 조재영 최초 생성
* 2016.06.13 장동한 표준프레임워크 v3.6 개선
*
* @author 공통서비스 개발팀 조재영
* @since 2009.03.02
* @version 1.0
* @see
*
*/
%>
<%@ page language="java" contentType="text/html; charset=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="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
<%@ taglib prefix="double-submit" uri="http://www.egovframe.go.kr/tags/double-submit/jsp" %>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<c:set var="pageTitle"><spring:message code="comUssUmt.userManage.title"/></c:set>
<!DOCTYPE html>
<html>
<head>
<title>${pageTitle} <spring:message code="title.create" /></title>
<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>" ></script>
<script type="text/javascript" src="<c:url value='/js/EgovCmmUtl.js'/>" ></script>
<script src="<c:url value='/js/jquery.js' />"></script>
<script src="http://dmaps.daum.net/map_js_init/postcode.v2.js"></script>
<script src="/js/modal.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
fn_egov_init();
$('#frmSubmit').click(function(){ //캡차모듈 등록
if(!$('#answer').val()){
alert('이미지에 보이는 숫자 또는 스피커를 통해 들리는 숫자를 입력해 주세요.');
}else{
$.ajax({
type:"POST",
url:"/captcha/captchaSubmit.do",
data:{
"answer": $('#answer').val()
},
dataType:'jsonp',
success:function(returnData, status){
if(status == "success") {
alert(returnData.message)
}else{ alert("ERROR!");return;}
},
error:function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
});
});
{ //캡차관련 스크립트
function audio(){
var rand = Math.random();
var url = '/captchaAudio.do';
$.ajax({
url: url,
type: 'POST',
dataType: 'text',
data: 'rand=' + rand,
async: false,
success: function(resp) {
var uAgent = navigator.userAgent;
var soundUrl = '/captchaAudio.do?rand=' + rand;
if(uAgent.indexOf('Trident') > -1 || uAgent.indexOf('MSIE') > -1) {
winPlayer(soundUrl);
} else if (!!document.createElement('audio').canPlayType) {
try{
new Audio(soundUrl).play();
} catch(e) {
winPlayer(soundUrl);
}
}else {
window.open(soundUrl, '', 'width=1, height=1');
}
}
});
}
function refreshBtn(type){
var rand = Math.random();
var url = "/captchaImg.do?rand=" + rand;
$('#captchaImg').attr("src", url);
}
function winPlayer(objUrl){
$('#captchaAudio').html('<vgsound src="' + objUrl + '">');
}
}
var bCancel = false;
function validateMberManageVO(form) {
if (bCancel)
return true;
else
return validateRequired(form) && validateMaxLength(form) && validatePassword1(form) && validatePassword2(form) && validatePassword3(form) && validatePassword4(form) && validateInteger(form) && validateEmail(form);
}
function required () {
this.aa = new Array("mberId", "일반회원아이디은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='20'; return this[varName];"));
this.ac = new Array("password", "비밀번호은(는) 필수 입력값입니다.", new Function ("varName", " return this[varName];"));
<c:if test="${not empty name and name.neceYn == 'Y' }">
this.ab = new Array("mberNm", "일반회원이름은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty password2 and password2.neceYn == 'Y' }">
this.ad = new Array("password2", "비밀번호확인은(는) 필수 입력값입니다.", new Function ("varName", " return this[varName];"));
</c:if>
<c:if test="${not empty passwordHint and passwordHint.neceYn == 'Y' }">
this.ad = new Array("passwordHint", "비밀번호힌트은(는) 필수 입력값입니다.", new Function ("varName", " return this[varName];"));
</c:if>
<c:if test="${not empty passwordCnsr and passwordCnsr.neceYn == 'Y' }">
this.ae = new Array("passwordCnsr", "비밀번호정답은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='100'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.neceYn == 'Y' }">
this.af = new Array("areaNo", "집지역번호은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.neceYn == 'Y' }">
this.ag = new Array("middleTelno", "집중간전화번호은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.neceYn == 'Y' }">
this.ah = new Array("endTelno", "집마지막전화번호은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.ai = new Array("moblphonNo", "핸드폰번호은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.aj = new Array("moblphonNo1", "핸드폰번호(앞)은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.ak = new Array("moblphonNo2", "핸드폰번호은(중간)(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.al = new Array("moblphonNo3", "핸드폰번호은(끝)(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty mberEmailAdres and mberEmailAdres.neceYn == 'Y' }">
this.am = new Array("mberEmailAdres", "이메일주소은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty mberEmailAdres and mberEmailAdres.neceYn == 'Y' }">
this.an = new Array("email1", "이메일주소(앞)은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty mberEmailAdres and mberEmailAdres.neceYn == 'Y' }">
this.ao = new Array("email2", "이메일주소(뒤)은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty adres and adres.neceYn == 'Y' }">
this.ap = new Array("adres", "주소은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='100'; return this[varName];"));
</c:if>
<c:if test="${not empty detailAdres and detailAdres.neceYn == 'Y' }">
this.aq = new Array("detailAdres", "상세주소은(는) 필수 입력값입니다.", new Function ("varName", "this.maxlength='100'; return this[varName];"));
</c:if>
<c:if test="${not empty autoReject and autoReject.neceYn == 'Y' }">
this.aq = new Array("answer", "캡차필드는 필수 입력값입니다.", new Function ("varName", "this.maxlength='10'; return this[varName];"));
</c:if>
/* <c:if test="${not empty password and password.neceYn == 'Y' }">
this.ar = new Array("mberSttus", "일반회원상태코드은(는) 필수 입력값입니다.", new Function ("varName", " return this[varName];"));
</c:if> */
}
function maxlength() {
this.aa = new Array("mberId", "일반회원아이디은(는) 20자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='20'; return this[varName];"));
<c:if test="${not empty name and name.neceYn == 'Y' }">
this.ab = new Array("mberNm", "일반회원이름은(는) 50자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty passwordCnsr and passwordCnsr.neceYn == 'Y' }">
this.ac = new Array("passwordCnsr", "비밀번호정답은(는) 100자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='100'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.neceYn == 'Y' }">
this.ad = new Array("areaNo", "집지역번호은(는) 4자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.neceYn == 'Y' }">
this.ae = new Array("middleTelno", "집중간전화번호은(는) 4자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.neceYn == 'Y' }">
this.af = new Array("endTelno", "집마지막전화번호은(는) 4자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.ag = new Array("moblphonNo", "핸드폰번호은(는) 15자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.ah = new Array("moblphonNo1", "핸드폰번호은(는) 15자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.ai = new Array("moblphonNo2", "핸드폰번호은(는) 15자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty moblphonNo and moblphonNo.neceYn == 'Y' }">
this.aj = new Array("moblphonNo3", "핸드폰번호은(는) 15자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='15'; return this[varName];"));
</c:if>
<c:if test="${not empty mberEmailAdres and mberEmailAdres.neceYn == 'Y' }">
this.ak = new Array("mberEmailAdres", "이메일주소은(는) 50자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty mberEmailAdres and mberEmailAdres.neceYn == 'Y' }">
this.al = new Array("email1", "이메일주소(앞)은(는) 50자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty mberEmailAdres and mberEmailAdres.neceYn == 'Y' }">
this.am = new Array("email2", "이메일주소(뒤)은(는) 50자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
<c:if test="${not empty adres and adres.neceYn == 'Y' }">
this.an = new Array("adres", "주소은(는) 100자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='100'; return this[varName];"));
</c:if>
<c:if test="${not empty detailAdres and detailAdres.neceYn == 'Y' }">
this.ao = new Array("detailAdres", "상세주소은(는) 100자 이상 입력할수 없습니다.", new Function ("varName", "this.maxlength='100'; return this[varName];"));
</c:if>
}
function password1() {
this.aa = new Array("password", "비밀번호은(는) 8~20자 내에서 입력해야 합니다.", new Function ("varName", " return this[varName];"));
}
function password2() {
this.aa = new Array("password", "비밀번호은(는) 한글,특수문자,띄어쓰기는 허용되지 않습니다.", new Function ("varName", " return this[varName];"));
}
function password3() {
this.aa = new Array("password", "비밀번호은(는) 순차적인 숫자를 4개이상 연속해서 사용할수 없습니다.", new Function ("varName", " return this[varName];"));
}
function password4() {
this.aa = new Array("password", "비밀번호은(는) 반복되는 문자나 숫자를 4개이상 연속해서 사용할 수 없습니다.", new Function ("varName", " return this[varName];"));
}
function IntegerValidations(){
<c:if test="${not empty tel and tel.useYn == 'Y' }">
this.aa = new Array("areaNo", "집지역번호은(는) integer 타입이어야 합니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.useYn == 'Y' }">
this.ab = new Array("middleTelno", "집중간전화번호은(는) integer 타입이어야 합니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
<c:if test="${not empty tel and tel.useYn == 'Y' }">
this.ac = new Array("endTelno", "집마지막전화번호은(는) integer 타입이어야 합니다.", new Function ("varName", "this.maxlength='4'; return this[varName];"));
</c:if>
}
function email() {
<c:if test="${not empty mberEmailAdres and mberEmailAdres.useYn == 'Y' and mberEmailAdres.neceYn == 'Y'}">
this.aa = new Array("mberEmailAdres", "이메일주소은(는) 유효하지 않은 이메일 주소입니다.", new Function ("varName", "this.maxlength='50'; return this[varName];"));
</c:if>
}
</script>
<script>
function execDaumPostcode() {
new daum.Postcode({
oncomplete: function(data) {
// 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.
// 도로명 주소의 노출 규칙에 따라 주소를 조합한다.
// 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
var fullRoadAddr = data.roadAddress; // 도로명 주소 변수
var extraRoadAddr = ''; // 도로명 조합형 주소 변수
// 법정동명이 있을 경우 추가한다. (법정리는 제외)
// 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){
extraRoadAddr += data.bname;
}
// 건물명이 있고, 공동주택일 경우 추가한다.
if(data.buildingName !== '' && data.apartment === 'Y'){
extraRoadAddr += (extraRoadAddr !== '' ? ', ' + data.buildingName : data.buildingName);
}
// 도로명, 지번 조합형 주소가 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
if(extraRoadAddr !== ''){
extraRoadAddr = ' (' + extraRoadAddr + ')';
}
// 도로명, 지번 주소의 유무에 따라 해당 조합형 주소를 추가한다.
if(fullRoadAddr !== ''){
fullRoadAddr += extraRoadAddr;
}
// 우편번호와 주소 정보를 해당 필드에 넣는다.
document.getElementById('zip').value = data.zonecode; //5자리 새우편번호 사용
document.getElementById('adres').value = fullRoadAddr;
//document.getElementById('sample4_jibunAddress').value = data.jibunAddress;
// 사용자가 '선택 안함'을 클릭한 경우, 예상 주소라는 표시를 해준다.
if(data.autoRoadAddress) {
//예상되는 도로명 주소에 조합형 주소를 추가한다.
var expRoadAddr = data.autoRoadAddress + extraRoadAddr;
document.getElementById('guide').innerHTML = '(예상 도로명 주소 : ' + expRoadAddr + ')';
} else if(data.autoJibunAddress) {
var expJibunAddr = data.autoJibunAddress;
document.getElementById('guide').innerHTML = '(예상 지번 주소 : ' + expJibunAddr + ')';
} else {
document.getElementById('guide').innerHTML = '';
}
}
}).open();
}
</script>
<script type="text/javaScript" language="javascript" defer="defer">
/*********************************************************
* 초기화
******************************************************** */
function fn_egov_init(){
//모달 셋팅
fn_modal_setting();
//생년월일 폼 세팅
fn_setBirth();
//첨부파일 세팅
<c:if test="${not empty photo and photo.useYn == 'Y' }">
fn_attfileSet();
</c:if>
}
/*********************************************************
* 모달셋팅
******************************************************** */
function fn_modal_setting(){
//버튼에 모달 연결
$("#btnMbrId").egovModal( "egovModal" );
//타이틀 설졍
$("#egovModal").setEgovModalTitle("<spring:message code="comUssUmt.userManageRegistModal.title" />"); //아이디 중복 확인
var content = "";
content = content + "<div class='modal-alignL' style='margin:5px 0 0 0'>"+"<spring:message code="comUssUmt.userManageRegistModal.userIsId" /> :"+"</div>"; //사용할아이디
content = content + "<div class='modal-alignL'>"+"<input type='text' id='checkIdModal' name='checkIdModal' value='' size='20' maxlength='20' />"+"</div>";
content += "<div style='clear:both;'></div>";
content += "<div id='divModalResult' style='margin:10px 0 0 0'><spring:message code="comUssUmt.userManageRegistModal.initStatus" /></div>"; //결과 : 중복확인을 실행하십시오.
//모달 body 설정
$("#egovModal").setEgovModalBody(content);
var footer = "";
footer += "<span class='btn_style1 blue' id='btnModalOk' onclick='fn_id_checkOk()'><a href='#'>확인</a></span> ";
footer += "<span class='btn_style1 blue' id='btnModalSelect' onclick='fn_id_check()'><a href='#'>조회</a></span> ";
//모달 footer 설정
$("#egovModal").setEgovModalfooter(footer);
//엔터이벤트처리
$("input[name=checkIdModal]").keydown(function (key) {
if(key.keyCode == 13){
fn_id_check();
}
});
footer = null;
content = null;
}
/*********************************************************
* 아이디 체크 AJAX
******************************************************** */
function fn_id_check(){
$.ajax({
type:"POST",
url:"<c:url value='/uss/umt/user/EgovIdDplctCnfirmAjax.do' />",
data:{
"checkId": $("#checkIdModal").val()
},
dataType:'jsonp',
timeout:(1000*30),
success:function(returnData, status){
if(status == "success") {
if(returnData.usedCnt > 0 ){
//사용할수 없는 아이디입니다.
$("#divModalResult").html("<font color='red'><spring:message code="comUssUmt.userManageRegistModal.result" /> : ["+returnData.checkId+"]<spring:message code="comUssUmt.userManageRegistModal.useMsg" /></font>");
}else{
//사용가능한 아이디입니다.
$("#divModalResult").html("<font color='blue'><spring:message code="comUssUmt.userManageRegistModal.result" /> : ["+returnData.checkId+"]<spring:message code="comUssUmt.userManageRegistModal.notUseMsg" /></font>");
}
}else{ alert("ERROR!");return;}
},
error:function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
/*********************************************************
* 아이디 체크 확인
******************************************************** */
function fn_id_checkOk(){
$.ajax({
type:"POST",
url:"<c:url value='/uss/umt/user/EgovIdDplctCnfirmAjax.do' />",
data:{
"checkId": $("#checkIdModal").val()
},
dataType:'jsonp',
timeout:(1000*30),
success:function(returnData, status){
if(status == "success") {
if(returnData.usedCnt > 0 ){
alert("<spring:message code="comUssUmt.userManageRegistModal.noIdMsg" />"); //사용이 불가능한 아이디 입니다.
return;
}else{
$("input[name=mberId]").val(returnData.checkId);
$("#egovModal").setEgovModalClose();
}
}else{ alert("ERROR!");return;}
}
});
}
function fnIdCheck1(){
var retVal;
var url = "<c:url value='/uss/umt/EgovIdDplctCnfirmView.do'/>";
var varParam = new Object();
varParam.checkId = document.mberManageVO.mberId.value;
var openParam = "dialogWidth:303px;dialogHeight:250px;scroll:no;status:no;center:yes;resizable:yes;";
alert(1);
return false;
retVal = window.showModalDialog(url, varParam, openParam);
if(retVal) {
document.mberManageVO.mberId.value = retVal;
}
}
function showModalDialogCallback(retVal) {
if(retVal) {
document.mberManageVO.mberId.value = retVal;
}
}
function fnListPage(){
document.mberManageVO.action = "<c:url value='/uss/umt/EgovMberManage.do'/>";
document.mberManageVO.submit();
}
function fnInsert(form){
if(confirm("<spring:message code="common.regist.msg" />")){
//핸프폰번호 조합
$('#moblphonNo').val($('#moblphonNo1').val()+$('#moblphonNo2').val()+$('#moblphonNo3').val());
//이메일조홥
$('#mberEmailAdres').val($('#email1').val()+"@"+$('#email2').val());
//생년월일 조합
$('#birth').val($('#birthYear').val()+$('#birthMonth').val()+$('#birthDay').val());
if(validateMberManageVO(form)){
if(form.password.value != form.password2.value){
alert("<spring:message code="fail.user.passwordUpdate2" />");
return false;
}
form.submit();
return true;
}
}
}
function checkemailaddy(){
if (document.mberManageVO.emailCodeList.value == '') {
document.mberManageVO.email2.readonly = false;
document.mberManageVO.email2.value = '';
document.mberManageVO.email2.focus();
}
else {
document.mberManageVO.email2.readonly = true;
document.mberManageVO.email2.value = $("#emailCodeList option:selected").text();
}
}
function fn_setBirth(){
var today = new Date();
var toyear = parseInt(today.getFullYear());
var start = toyear - 5
var end = toyear - 70;
var td_birth_str ="";
td_birth_str+="<font size=2><select name=birthYear id=birthYear>";
td_birth_str+="<option value='' selected>";
for (i=start;i>=end;i--) td_birth_str+="<option>"+i;
td_birth_str+="</select>년 ";
td_birth_str+="<select name=birthMonth id=birthMonth >";
td_birth_str+="<option value='' selected>";
for (i=1;i<=12;i++){
if(i.toString().length == 1){
td_birth_str+="<option>0"+i;
}else{
td_birth_str+="<option>"+i;
}
}
td_birth_str+="</select>월 ";
td_birth_str+="<select name=birthDay id=birthDay>";
td_birth_str+="<option value='' selected>";
for (i=1;i<=31;i++) {
if(i.toString().length == 1){
td_birth_str+="<option>0"+i;
}else{
td_birth_str+="<option>"+i;
}
}
td_birth_str+="</select>일 </font>";
$('#td_birth').append(td_birth_str) ;
}
function fn_attfileSet(){
//------------------------------------------
//------------------------- 첨부파일 등록 Start
//-------------------------------------------
/* var maxFileNum = document.getElementById("articleVO").atchPosblFileNumber.value; */
/* var maxFileNum = 1 ;
if(maxFileNum==null || maxFileNum==""){
maxFileNum = 3;
}
var multi_selector = new MultiSelector( document.getElementById( 'egovComFileList' ), maxFileNum, 'file_label' , true);
multi_selector.addElement( document.getElementById( 'egovfile_1' ) ); */
//------------------------- 첨부파일 등록 End
}
</script>
<style>
.modal-content {width: 400px;}
.default_tablestyle table th {
border-top:none;
}
.default_tablestyle table td {
border-bottom: 1px solid #81B1D5;
text-align:left;
}
#btnMbrId{
color: #67625C;
font-family: gulim;
font-size: 1em;
vertical-align: middle;
}
</style>
</head>
<body>
<noscript class="noScriptTitle">자바스크립트를 지원하지 않는 브라우저에서는 일부 기능을 사용하실 수 없습니다.</noscript>
<div id="content">
<!-- 검색 필드 박스 시작 -->
<div id="search_field">
<div id="search_field_loc"><h2><strong>회원가입페이지(예제)</strong></h2></div>
</div>
<!-- 추가 끝-->
<form:form commandName="mberManageVO" action="${pageContext.request.contextPath}/uss/umt/user/EgovMberInsert.do" name="mberManageVO" method="post" onSubmit="fnInsert(document.forms.mberManageVO); return false;" enctype="multipart/form-data" >
<double-submit:preventer tokenKey="someKey" />
<div class="default_tablestyle">
<!-- 등록폼 -->
<table summary="<spring:message code="common.summary.list" arguments="${pageTitle}" />">
<caption>${pageTitle} <spring:message code="title.create" /></caption>
<colgroup>
<col style="width: 22%;"><col style="width: ;">
</colgroup>
<tbody>
<!-- 입력/선택 -->
<c:set var="inputTxt">입력</c:set>
<c:set var="inputSelect">선택</c:set>
<!-- 일반회원아이디 -->
<c:set var="title">일반회원아이디</c:set>
<tr>
<th><label for="mberId">${title}</label> <span class="pilsu">*</span></th>
<td nowrap="nowrap">
<form:input path="mberId" id="mberId" title="${title} ${inputTxt}" size="20" readonly="true" maxlength="20" style="width:47%;" />
<a href="#LINK" id="btnMbrId" onClick="return false;" ><img src="/images/img_search.gif" alt="">(중복아이디 검색)</a>
<div><form:errors path="mberId" cssClass="error" /></div>
</td>
</tr>
<!-- 일반회원이름 -->
<c:if test="${not empty name and name.useYn == 'Y' }">
<c:set var="title">일반회원이름</c:set>
<tr>
<th><label for="mberNm">${title}</label> <span class="pilsu">*</span></th>
<td nowrap="nowrap">
<form:input path="mberNm" title="${title} ${inputTxt}" size="50" maxlength="60" value="신명섭" />
<div><form:errors path="mberNm" cssClass="error" /></div>
</td>
</tr>
</c:if>
<!-- 비밀번호 -->
<c:set var="title">비밀번호</c:set>
<tr>
<th><label for="password">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:password path="password" title="${title} ${inputTxt}" size="50" maxlength="20" value="keri1021" />
<div><form:errors path="password" cssClass="error" /></div>
</td>
</tr>
<!-- 비밀번호확인 -->
<c:set var="title">비밀번호확인</c:set>
<tr>
<th><label for="password2">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<input name="password2" id="password2" title="${title} ${inputTxt}" type="password" size="50" maxlength="20" value="keri1021" />
</td>
</tr>
<!-- 비밀번호힌트 -->
<c:if test="${not empty passwordHint and passwordHint.useYn == 'Y' }">
<c:set var="title">비밀번호힌트</c:set>
<tr>
<th><label for="passwordHint">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:select path="passwordHint" id="passwordHint" title="${title} ${inputSelect}">
<form:option value="" label="--선택하세요--"/>
<form:options items="${passwordHint_result}" itemValue="code" itemLabel="codeNm" />
</form:select>
<div><form:errors path="passwordHint" cssClass="error"/></div>
</td>
</tr>
</c:if>
<!-- 비밀번호정답 -->
<c:if test="${not empty passwordCnsr and passwordCnsr.useYn == 'Y' }">
<c:set var="title">비밀번호정답</c:set>
<tr>
<th><label for="passwordCnsr">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:input path="passwordCnsr" id="passwordCnsr" title="${title} ${inputTxt}" cssClass="txaIpUmt" size="50" maxlength="100" value="몰라" />
<div><form:errors path="passwordCnsr" cssClass="error"/></div>
</td>
</tr>
</c:if>
<!-- 사진 -->
<c:if test="${not empty photo and photo.useYn == 'Y' }">
<c:set var="title">사진</c:set>
<tr>
<th><label for="photo">${title}</label></th>
<td class="left">
<c:import url="/cmm/fms/selectFileInfsForUpdate.do" charEncoding="utf-8">
<c:param name="param_atchFileId" value="" />
<c:param name="img_view" value="Y" />
<c:param name="img_view_w" value="200" />
<c:param name="img_view_h" value="200" />
<c:param name="updateFlag" value="Y" />
<c:param name="img_change_view" value="Y" />
</c:import>
</tr>
</c:if>
<!-- 성별구분코드 -->
<c:if test="${not empty sexdstnCode and sexdstnCode.useYn == 'Y' }">
<c:set var="title">성별구분코드</c:set>
<tr>
<th><label for="sexdstnCode">${title}</label></th>
<td class="left">
<c:forEach var="item" items="${ sexdstnCode_result }" varStatus="status">${item.codeNm}
<input type="radio" style="width:5%" name="sexdstnCode" value="${item.code}"/>
</c:forEach>
</td>
</tr>
</c:if>
<!-- 생년월일 -->
<c:if test="${not empty birth and birth.useYn == 'Y' }">
<c:set var="title">생년월일</c:set>
<tr>
<th><label for="sexdstnCode">${title}</label></th>
<td class="left" id="td_birth">
<input type="hidden" name="birth" id="birth" value="" />
</td>
</tr>
</c:if>
<c:if test="${not empty dept and dept.useYn == 'Y' }">
<!-- 부서 -->
<c:set var="title">부서</c:set>
<tr>
<th><label for="dept">${title}</label></th>
<td class="left">
<form:select path="dept" id="dept" title="${title} ${inputSelect}">
<form:option value="" label="--선택하세요--"/>
<form:options items="${sexdstnCode_result}" itemValue="code" itemLabel="codeNm"/>
</form:select>
</td>
</tr>
</c:if>
<!-- 직책 -->
<c:if test="${not empty position and position.useYn == 'Y' }">
<c:set var="title">직책</c:set>
<tr>
<th><label for="position">${title}</label></th>
<td class="left">
<form:select path="position" id="position" title="${title} ${inputSelect}">
<form:option value="" label="--선택하세요--"/>
<form:options items="${sexdstnCode_result}" itemValue="code" itemLabel="codeNm"/>
</form:select>
</td>
</tr>
</c:if>
<!-- 전화번호 -->
<c:if test="${not empty tel and tel.useYn == 'Y' }">
<c:set var="title">전화번호</c:set>
<tr>
<th><label for="areaNo">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:input path="areaNo" id="areaNo" title="전화번호" cssClass="txaIpUmt" size="5" maxlength="5" style="width:40px;" value="02" />
- <form:input path="middleTelno" id="middleTelno" cssClass="txaIpUmt" size="5" maxlength="5" style="width:40px;" value="001" />
- <form:input path="endTelno" id="endTelno" cssClass="txaIpUmt" size="5" maxlength="5" style="width:40px;" value="002" />
<div><form:errors path="areaNo" cssClass="error" /></div>
<div><form:errors path="middleTelno" cssClass="error" /></div>
<div><form:errors path="endTelno" cssClass="error" /></div>
</td>
</tr>
</c:if>
<!-- 헨드폰번호 -->
<c:if test="${not empty moblphonNo and moblphonNo.useYn == 'Y' }">
<c:set var="title">헨드폰번호</c:set>
<tr>
<th><label for="moblphonNo">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:input path="moblphonNo1" id="moblphonNo1" title="전화번호" cssClass="txaIpUmt" size="5" maxlength="5" style="width:40px;" value="010" />
- <form:input path="moblphonNo2" id="moblphonNo2" cssClass="txaIpUmt" size="5" maxlength="5" style="width:40px;" value="0011" />
- <form:input path="moblphonNo3" id="moblphonNo3" cssClass="txaIpUmt" size="5" maxlength="5" style="width:40px;" value="0022" />
<div><form:errors path="moblphonNo1" cssClass="error" /></div>
<div><form:errors path="moblphonNo2" cssClass="error" /></div>
<div><form:errors path="moblphonNo3" cssClass="error" /></div>
<input type="hidden" name="moblphonNo" id="moblphonNo" value="" />
</td>
</tr>
</c:if>
<!-- 헨드폰번호 -->
<!-- 이메일주소 -->
<c:if test="${not empty mberEmailAdres and mberEmailAdres.useYn == 'Y' }">
<c:set var="title">이메일주소</c:set>
<tr>
<th><label for="mberEmailAdres">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:input path="email1" id="email1" title="${title} ${inputTxt}" cssClass="txaIpUmt" size="15" maxlength="50" style="width: 93px;"/>@
<form:input path="email2" id="email2" title="${title} ${inputTxt}" cssClass="txaIpUmt" size="20" maxlength="50" style="width: 93px;"/>
<select id="emailCodeList" name="emailCodeList" class="seltype1" title="이메일도메인주소선택" style="width:130px;" onChange="checkemailaddy();">
<option value="">직접입력</option>
<c:forEach var="item" items="${emailCodeList}">
<option value="${ item.code }">${ item.codeNm }</option>
</c:forEach>
</select>
<div><form:errors path="email1" cssClass="error" /></div>
<div><form:errors path="email2" cssClass="error" /></div>
<input type="hidden" id="mberEmailAdres" name="mberEmailAdres" value="" />
</td>
</tr>
</c:if>
<!-- 우번번호 -->
<c:if test="${not empty zip and zip.useYn == 'Y' }">
<c:set var="title">우번번호</c:set>
<tr>
<th><label for="zip">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<a href="#LINK" onclick="execDaumPostcode(); return false;" title="우번번호검색">
<img src="/images/btn/icon_zip_search.gif" alt="">(우편번호 검색)
</a>
<div><form:errors path="zip" cssClass="error" /></div>
<input type="text" name="zip" id="zip" readonly="true"/>
</td>
</tr>
</c:if>
<!-- 주소 -->
<c:if test="${not empty adres and adres.useYn == 'Y' }">
<c:set var="title">주소</c:set>
<tr>
<th><label for="adres">${title}</label> <span class="pilsu">*</span></th>
<td class="left">
<form:input path="adres" id="adres" title="${title} ${inputTxt}" cssClass="txaIpUmt" size="70" maxlength="100" readonly="true" />
<div><form:errors path="adres" cssClass="error" /></div>
</td>
</tr>
</c:if>
<!-- 상세주소 -->
<c:if test="${not empty detailAdres and detailAdres.useYn == 'Y' }">
<c:set var="title">상세주소</c:set>
<tr>
<th><label for="detailAdres">${title}</label></th>
<td class="left">
<form:input path="detailAdres" id="detailAdres" title="${title} ${inputTxt}" cssClass="txaIpUmt" size="70" maxlength="100" />
<div><form:errors path="detailAdres" cssClass="error" /></div>
</td>
</tr>
<span id="guide" style="color:#999"></span>
</c:if>
<!-- 이메일수신여부 -->
<c:if test="${not empty emailYN and emailYN.useYn == 'Y' }">
<c:set var="title">이메일수신여부</c:set>
<tr>
<th><label for="emailYN">${title}</label></th>
<td class="left">
<input type="checkbox" style="width:5%" name="emailYN" value="Y">이 메일을 받겠습니다.
</td>
</tr>
</c:if>
<!-- SMS 수신여부 -->
<c:if test="${not empty smsYN and smsYN.useYn == 'Y' }">
<c:set var="title">SMS 수신여부</c:set>
<tr>
<th><label for="smsYN">${title}</label></th>
<td class="left">
<input type="checkbox" style="width:5%" name="smsYN" value="Y"> 핸드폰 문자 메세지를 받겠습니다.
</td>
</tr>
</c:if>
<!-- 자동등록방지 -->
<c:if test="${not empty autoReject and autoReject.useYn == 'Y' }">
<c:set var="title">자동등록방지</c:set>
<%-- <tr>
<th><label for="autoReject">${title}</label></th>
<td class="left">
<form:input path="autoReject" id="autoReject" title="${title} ${inputTxt}" cssClass="txaIpUmt" size="70" maxlength="100" />
</td>
</tr> --%>
<tr>
<th><label for="secretAt">자동등록방지</label></th>
<td class="left" colspan="3">
<form name="frmSubmit" method="post" action="/">
<div class="form-group">
<div class="captcha">
<div class="form-group">
<img id="captchaImg" title="캡차 이미지" src="/captchaImg.do" alt="캡차 이미지" />
<div id="captchaAudio" style="display:none;"></div>
<a onclick="javascript:refreshBtn()" class="refreshBtn">
<input type="button" value="새로고침" />
</a>
<a onclick="javascript:audio()" class="refreshBtn">
<input type="button" value="음성듣기" />
</a>
</div>
<div class="form-group">
<input type="text" name="answer" id="answer" class="form-control" />
<input type="button" id="frmSubmit" value="확인" />
</div>
</div>
</div>
</form>
</td>
</tr>
<!-- 캡차 -->
</c:if>
<input type="hidden" name="mberSttus" value="DEFAULT" />
</tbody>
</table>
<!-- 하단 버튼 -->
<div class="buttons">
<a href="#LINK" onclick="fnInsert(document.forms.mberManageVO); return false;" style="margin-top: 15px;">저장</a>
</div><div style="clear:both;"></div>
</div><!-- div end(wTableFrm) -->
<!-- 우편번호검색 -->
<!-- <input type="hidden" name="zip_url" value="<c:url value='/sym/ccm/zip/EgovCcmZipSearchPopup.do'/>" /> -->
</form:form>
</div><!-- //content 끝 -->
<!-- Egov Modal include -->
<link type="text/css" rel="stylesheet" href="/css/modal.css">
<script src="/js/modal.js"></script>
<!-- The Modal -->
<div id="egovModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close"><img src="/images/login/btn_close.png" /></span>
<div id="title" class="modal-title"><h2>Modal Header</h2></div>
</div>
<div id="body" class="modal-body">
<p>Modal Body</p>
<p>Modal Body</p>
<div style='clear:both;'></div>
</div>
<div class="modal-footer">
<div id="footer" >
<span class="btn_style1 blue"><a href="#">확 인</a></span>
<span class="btn_style1 blue"><a href="#">확 인</a></span>
<span class="btn_style1 gray" id='btnModalClose'><a href="#">닫 기</a></span>
</div>
</div>
</div>
</div>
<!-- Egov Modal include end -->
</body>
</html>