itsm_ysm/src/main/webapp/WEB-INF/jsp/nlib/member/selectMemberJoiningInfo.jsp
2021-12-06 16:03:14 +09:00

123 lines
5.3 KiB
Plaintext

<%
/**
* <pre>
* @Class Name : selectMemberJoiningInfo.jsp
*
* @Description : 회원가입 이용약관
*
*
* @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
*
* </pre>
*
* @ ------------ -------- ---------------------------
* @ 수정일 수정자 수정내용
* @ ------------ -------- ---------------------------
* @ 2021. 7. 12. JSYOO 최초 생성
*
*
* @author 이씨플라자 * DIGITALSHIP JSYOO
* @since 2021. 7. 12.
* @version 1.0
*
*/
%>
<%@ 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" %>
<c:set var="pageTitle">회원가입</c:set>
<script>
$( document ).ready(function() {
fn_setPageTitle("${pageTitle}");
});
function snsCertForm(){
if(!(document.getElementsByName('agree')[0].checked))
{
alert("이용약관에 동의해주세요.");
document.termsForm.agree[0].focus()
return false;
}
if(!(document.getElementsByName('agree')[1].checked))
{
alert("개인정보처리정책에 동의해주세요.");
document.termsForm.agree[1].focus()
return false;
}
location.href="${pageContext.request.contextPath}/member/insertMemberInfoForm.do";
}
function cancle(){
location.href="${pageContext.request.contextPath}/login/memberSnsForm.do";
}
</script>
<!-- 회원가입 섹션 -->
<section class="location join">
<h2 class="blind">회원가입 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li class="on">회원가입</li>
</ul>
<div class="tit">
<h2><span>회원</span>가입</h2>
</div>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt=""></div>
</div>
<div class="row-bottom">
<div class="join-box">
<div class="step">
<div class="s1">
<div class="icon"><img src="/images/icon/icon-join-step-suc.png" alt="SNS인증완료"></div>
<div class="text"><p>STEP 01</p><p>본인인증</p></div>
</div>
<div class="s2 on">
<div class="icon"><img src="/images/icon/icon-join-step2-on.png" alt="약관동의"></div>
<div class="text"><p>STEP 02</p><p>약관동의</p></div>
</div>
<div class="s3">
<div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력"></div>
<div class="text"><p>STEP 03</p><p>정보입력</p></div>
</div>
</div>
<div class="privacy-box">
<div class="use">
<div class="con-1">
<div class="title"><c:out value="${termTitle}" escapeXml="false"/></div>
<div class="chk"><input type="checkbox" id="pri-chk1" name="agree" title="이용약관(공통)"><label for="pri-chk1">동의합니다.</label></div>
</div>
<div class="con-2">
<div class="textarea mCustomScrollbar" data-mcs-theme="dark-2">
<c:out value="${termContent}" escapeXml="false"/>
</div>
</div>
</div>
<div class="pri">
<div class="con-1">
<div class="title"><c:out value="${privacyTitle}" escapeXml="false"/></div>
<div class="chk"><input type="checkbox" id="pri-chk2" name="agree" title="개인정보처리정책"><label for="pri-chk2">동의합니다.</label></div>
</div>
<div class="con-2">
<div class="textarea mCustomScrollbar" data-mcs-theme="dark-2">
<c:out value="${privacyContent}" escapeXml="false"/>
</div>
</div>
</div>
</div>
<div class="btn-box">
<button type="button" class="btn btn-gray" id="cancel" onclick="cancle();">취소</button>
<button type="button" class="btn btn-color" id="submit" onclick="snsCertForm();">다음</button>
</div>
</div>
</div>
</div>
</section>