<%--
  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>KCDF 한국공예&middot;디자인문화진흥원</title>
<script type="text/javascript">

function press(event) { if (event.keyCode == 13) actionLogin(); }

function actionLogin() {
    if (document.loginForm.password.value =="") {
        alert("비밀번호를 입력하세요"); return false;
    } else if (document.loginForm.password2.value =="") {
        alert("비밀번호를 입력하세요"); return false;
    } else if (document.loginForm.password.value != document.loginForm.password2.value) {
    	alert("비밀번호가 일치하지 않습니다. 확인해주세요."); return false;
    } else if (!validatePassword(document.loginForm.password.value)) {
    	alert("비밀번호를 재 작성 해주세요."); return false;
    } else {
        document.loginForm.action="<c:url value='/web/user/login/updateUsrPwd.do'/>";
        document.loginForm.submit();
    }
}

function validatePassword(character) {
    return /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/.test(character);
}

</script>

</head>

<body>
	<!-- contentsW -->
	<div id="contentsW">
		<div id="contents">
		
			<div class="contentService">
				<h1>아이디/비밀번호 찾기</h1>
			</div>
			
			<div class="tabsub"> 
				<ul> 
					<li><a href="/web/user/login/searchUsrId.do">아이디 찾기</a> </li> 
					<li class="active"><a href="/web/user/login/searchUsrPwd.do">비밀번호 찾기</a> </li> 
				</ul>
			</div> 
		
			<form:form id="loginForm" name="loginForm" method="post">
			<div class="memBox tac">
				<c:if test="${empty resultVO.id}">
				<p class="tit">본인인증 확인이 실패 되었습니다. 입력하신 정보를 확인해주세요.</p>
				<div class="btnSet tac mt20">
					<a href="/web/user/login/searchUsrPwd.do" class="b-pri b-md">비밀번호 찾기</a>
				</div>
				</c:if>
				<c:if test="${not empty resultVO.id}">
				<p class="tit">본인인증이 확인 되었습니다. 새로운 비밀번호를 입력해주세요.</p>
				<div class="set1">
					<div class="e1 type">
						<label for="userId1">아이디</label><p class="tit1 tal fb"><c:out value="${resultVO.id}" /></p>
						<label for="userName1">새 비밀번호</label><p><input type="password" autocomplete="off" name="password" id="userName1" placeholder="비밀번호 입력" class="inp" onkeypress="press(event);" /></p>
						<span class="ex">8자~12자, 영문, 숫자, 특수문자 사용</span>
						<label for="userEmail1">비밀번호재확인</label><p><input type="password" autocomplete="off" name="password2" id="userEmail1" placeholder="비밀번호재확인 입력" class="inp" onkeypress="press(event);" /></p>
					</div>
					<div class="btnSet tac mt20">
						<a href="javascript:actionLogin();" class="b-base b-md">비밀번호 변경</a>
					</div>
				</div>
				</c:if>
			</div>
			</form:form>

		</div>
	</div>
	<!-- //contentsW -->
</body>
</html>

