style24
/
style24.front


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="web/common/layout/DefaultLayoutWeb">
<!--
 *******************************************************************************
 * @source  : NonCustOrderConfirmFormWeb.html
 * @desc    : 비회원주문확인
 *============================================================================
 * STYLE24
 * Copyright(C) 2021 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.04.20   jsshin     최초 작성
 *******************************************************************************
 -->
<body>
<th:block layout:fragment="content">
<!--  container -->
<div id="container" class="container mb">
	<div class="wrap">
		<div class="content non_mb_oder"> <!-- 페이지특정 클래스 = non_mb_oder -->
			<div class="cont_head">
				<h4>비회원 주문 조회</h4>
			</div>
			<div class="cont_body">
				<form id="nonCustOrderForm" class="form_wrap form_col_c form_full" role="form">
					<div class="form_info">
						<span class="ico_content_order"></span>
						<p>
							고객님의 주문 확인을 위해<br>주문번호 와 비밀번호를 입력하여 주세요.
						</p>
					</div>
					<div class="form_field mt40">
						<label class="input_label sr-only">이름(주문자명)</label>
						<div class="ui_col_12">
							<div class="input_wrap">
								<input type="text" name="ordNm" placeholder="이름(주문자명)" id="ordNm" minlength="20" required="required" data-valid-name="이름"/>
							</div>
						</div>
					</div>
					<div class="form_field">
						<label class="input_label sr-only">휴대폰 번호</label>
						<div class="ui_col_12">
							<div class="input_wrap">
								<input type="text" name="ordTelno" placeholder="휴대폰 번호" id="ordTelno" minlength="10" maxlength="11" required="required" data-valid-type="numeric" data-valid-name="휴대폰"/>
							</div>
						</div>
					</div>
					<div class="form_field">
						<label class="input_label sr-only">주문번호</label>
						<div class="ui_col_12">
							<div class="input_wrap">
								<input type="text" name="ordNo" placeholder="주문 번호" id="ordNo" required="required" data-valid-type="numeric" data-valid-name="주문번호" maxlength="30"/>
							</div>
						</div>
					</div>
					<div class="btn_group_block btn_group_md ui_row mb40">
						<div class="ui_col_12">
							<button type="button" id="btnNonOrder" class="btn btn_primary btn_block">
								<span>비회원 주문확인</span>
							</button>
						</div>
					</div>
					<div class="form_summary clear">
						<p class="txt normal">
							STYLE24 고객센터
							<span data-font="lato" class="c_primary ml10 bold">1544-5336</span>
						</p>
						<p class="t_info light mb40">
							비회원 주문확인 중 궁금하신 사항은 고객센터로 문의해주세요.
						</p>
						<p class="txt normal">
							아직 STYLE24 회원이 아니시라면?
							<button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);">
								<span>회원가입</span>
							</button>
						</p>
						<p class="t_info light">
							쇼핑 혜택충만! STYLE24 회원이 되세요!
						</p>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script th:inline="javascript">
/*<![CDATA[*/
	$('#btnNonOrder').on('click', function () {
		if (!gagajf.validation($('#nonCustOrderForm'))) {
			return;
		}
		mcxDialog.alert("개발중입니다.");
	});

/*]]>*/
</script>

</th:block>
</body>
</html>