File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2023-06-22
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2025-07-21
2025-07-21
2025-07-21
2025-07-21
2025-07-21
<%--
Class Name : EgovLoginUsr.jsp
Description : 로그인화면
Modification Information
수정일 수정자 수정내용
------- -------- ---------------------------
2009.03.10 박지욱 최초 생성
2011.08.31 JJY 경량환경 버전 생성
author : 공통서비스 개발팀 박지욱
since : 2009.03.10
--%>
<%@ 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" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html lang="ko">
<head>
<title>공예DB등록</title>
<script type="text/javascript">
// 아이디 중복확인
function fn_id_check(){
if(document.userManageVO.emplyrId.value == "") { alert("아이디를 입력해주세요."); return; }
$.ajax({
type:"POST",
url:"<c:url value='/web/user/join/usrIdDplctCnfirmAjax.do' />",
data:{ "checkId": document.userManageVO.emplyrId.value },
dataType:'json',
timeout:(1000*30),
success:function(returnData, status){
if(status == "success") {
if(returnData.usedCnt > 0 ){
alert("이미 사용중인 아이디입니다");
document.userManageVO.userIdSearch.value = "N";
document.userManageVO.userIdSearchVal.value = "";
}else{
alert("사용할 수 있는 아이디입니다");
document.userManageVO.userIdSearch.value = "Y";
document.userManageVO.userIdSearchVal.value = returnData.checkId;
}
}else{ alert("중복확인이 실패되었습니다.");return;}
},
error:function(request , status, error){
alert("중복확인이 실패되었습니다.");
//alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
function fnInsert(mode){
if (document.userManageVO.division.value == "") {
alert("회원종류를 선택해주세요."); return;
}
if (document.userManageVO.userIdSearch.value != "Y" ||
document.userManageVO.emplyrId.value != document.userManageVO.userIdSearchVal.value) {
alert("아이디 중복확인을 해주세요."); return;
}
if (document.userManageVO.password.value =="" || document.userManageVO.password2.value =="") {
alert("비밀번호를 입력해주세요."); return false;
} else if (document.userManageVO.password.value != document.userManageVO.password2.value) {
alert("비밀번호가 일치하지 않습니다. 확인해주세요."); return false;
} else if (!validatePassword(document.userManageVO.password.value)) {
alert("비밀번호를 재 작성해주세요."); return false;
}
/* var phone = $("#MBTLNUM1").val() + "-" + $("#MBTLNUM2").val() + "-" + $("#MBTLNUM3").val();
$('#moblphonNo').val(phone);
if($('#MBTLNUM1').val() == '' || $('#MBTLNUM2').val() == '' || $('#MBTLNUM3').val() == ''){
alert("휴대폰 번호를 입력해주세요."); return;
} */
if ($("#isAuthYn").val() != "Y" || $("#moblphonNo").val() == "") {
alert("휴대폰 본인인증을 해주세요."); return;
}
/* var regExp = /^\d{2,}-\d{3,4}-\d{4}/g;
if(!regExp.test(phone)){
alert("올바르지 않은 휴대폰 번호 형식입니다."); return;
} */
var email = $("#email1").val() + "@" + $("#email2").val();
$('#emailAdres').val(email);
if($('#email1').val() == '' || $('#email2').val() == ''){
alert("이메일 주소를 입력해주세요."); return;
}
regExp = /^(\w*)(@{1})([a-z]{1,}(\.{1})[a-z]{2,3})$/gi
if(!regExp.test(email)){
alert("올바르지 않은 이메일 형식입니다."); return;
}
document.userManageVO.action = "/web/user/join/usrJoinInsert.do";
document.userManageVO.submit();
}
function validatePassword(character) {
return /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/.test(character);
}
/* 본인인증 휴대폰 */
function openPCCWindow() {
var PCC_window = window.open(
'${SITE_URL}/web/cop/selfauth/selfauth.do?cnd=regist',
'PCCV3Window',
'width=430, height=560, resizable=1, scrollbars=no, status=0, titlebar=0, toolbar=0, left=300, top=200'
);
if (PCC_window == null) {
alert(" ※ 윈도우 XP SP2 또는 인터넷 익스플로러 7 사용자일 경우에는 \n 화면 상단에 있는 팝업 차단 알림줄을 클릭하여 팝업을 허용해 주시기 바랍니다. \n\n※ MSN,야후,구글 팝업 차단 툴바가 설치된 경우 팝업허용을 해주시기 바랍니다.");
}
}
$( document ).ready(function(){
$("#email3").change(function(){
var txt = $(this).val();
if(txt != "0"){
$("#email2").val(txt);
$("#email2").attr("readonly","readonly");
}else{
$("#email2").val("");
$("#email2").removeAttr("readonly");
}
});
});
</script>
</head>
<body>
<!-- contentsW -->
<div id="contentsW">
<div id="contents">
<div class="contentService">
<h1>회원가입</h1>
</div>
<div class="stepTab">
<ol>
<li class="i1">
<div class="set">
<span class="t">약관동의</span>
</div>
</li>
<li class="i2 active">
<div class="set">
<span class="t">정보입력</span><span class="sr-only">현재단계</span>
</div>
</li>
<li class="i3 ">
<div class="set">
<span class="t">가입완료</span>
</div>
</li>
</ol>
</div>
<form:form id="userManageVO" name="userManageVO" action="" method="post" >
<input type="hidden" name="userIdSearch" value="N"/>
<input type="hidden" name="userIdSearchVal" value=""/>
<h3>회원정보 입력</h3>
<div class="view">
<dl>
<dt>회원종류<span class="req"><span>필수입력</span></span></dt>
<dd>
<label for="mem1"><input type="radio" name="division" value="1" id="mem1" class="" /><i></i>공예인력</label>
<label for="mem2"><input type="radio" name="division" value="2" id="mem2" class="" /><i></i>비공예인력</label>
</dd>
</dl>
<dl>
<dt><label for="userId">아이디<span class="req"><span>필수입력</span></span></label></dt>
<dd><input type="text" name="emplyrId" class="inp" id="userId" /> <a href="javascript:fn_id_check();" class="b-basic b-gray">중복확인</a></dd>
</dl>
<dl>
<dt><label for="userPw">비밀번호<span class="req"><span>필수입력</span></span></label></dt>
<dd>
<input type="password" name="password" class="inp" id="userPw" />
<p class="fs">8자~12자, 영문, 숫자, 특수문자 사용</p>
</dd>
</dl>
<dl>
<dt><label for="userPw2">비밀번호 확인<span class="req"><span>필수입력</span></span></label></dt>
<dd>
<input type="password" name="password2" class="inp" id="userPw2" />
<!-- <span class="fs caution">비밀번호가 일치하지 않습니다.</span> -->
</dd>
</dl>
<dl>
<dt>휴대폰번호<span class="req"><span>필수입력</span></span></dt>
<dd>
<!-- <input type="hidden" id="moblphonNo" name="moblphonNo">
<select name="" id="MBTLNUM1" title="연락처 앞 자리" class="tel">
<option value="" selected>선택</option>
<option value="010" >010</option>
<option value="011" >011</option>
<option value="016" >016</option>
<option value="017" >017</option>
<option value="019" >019</option>
</select>
-
<input type="text" name="" id="MBTLNUM2" class="tel inp" title="연락처 중간 3~4자리" maxlength="4" />
-
<input type="text" name="" id="MBTLNUM3" class="tel inp" title="연락처 끝 4자리" maxlength="4" /> -->
<input type="text" id="moblphonNo" name="moblphonNo" class="inp" title="연락처" readonly="readonly"/>
<input type="hidden" id="isAuthYn" name="isAuthYn" value="N">
<a href="javascript:openPCCWindow();" class="b-basic b-gray">본인인증</a>
<!-- <div class="mt10">
<input type="text" class="inp" title="인증번호" placeholder="인증번호 입력하세요" />
<a href="" class="b-basic b-lgray">인증번호 재전송</a>
</div> -->
</dd>
</dl>
<dl>
<dt>이름</dt>
<dd id="name"></dd>
</dl>
<dl>
<dt>생년월일</dt>
<dd id="birYMD"></dd>
</dl>
<dl>
<dt>이메일<span class="req"><span>필수입력</span></span></dt>
<dd>
<input name="" id="email1" type="text" title="이메일 아이디" value="" class="emailId inp" />
@
<input name="" id="email2" type="text" title="이메일 주소" value="" class="emailAddr emailDomainForm inp" />
<label for="sr_email_more" class="hidden">이메일 도메인 선택</label>
<select id="email3" name="" class="input_select select_email_js" title="직접입력 선택시 자동활성화&포커스 이동">
<option value="0" selected>메일주소입력</option>
<option value="naver.com" label="naver.com"></option>
<option value="gmail.com" label="gmail.com"></option>
<option value="hanmail.net" label="hanmail.net"></option>
<option value="daum.net" label="daum.net"></option>
<option value="yahoo.co.kr" label="yahoo.co.kr"></option>
</select>
<input type="hidden" name="emailAdres" id="emailAdres">
</dd>
</dl>
</div>
<div class="btnSet tac">
<a href="javascript:fnInsert('insert');" class="b-base">확인</a>
<a href="/web/user/login/login.do" class="b-pri">취소</a>
</div>
</form:form>
</div>
</div>
<!-- //contentsW -->
</body>
</html>