CINXE.COM
XPPen
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>XPPen</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="renderer" content="webkit"> <link rel="shortcut icon" href="/assets/favicon.ico" /> <link href="/assets/css/custom-frontend.css?v=1.0.1" rel="stylesheet"> <script type="text/javascript"> var require = { config: {"site":{"name":"XPPen","cdnurl":"","version":"1.0.1","timezone":"Asia\/Shanghai","languages":[]},"modulename":"index","controllername":"login","actionname":"index","jsname":"frontend\/login","moduleurl":"","language":"kr"} }; </script> <script src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.1"></script> <script src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.1"></script> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-color: #fff"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header-navbar"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" lang-site="kr" jump-url="https://www.storexppen.kr/series/14.html" href="javascript:;"><img src="/assets/img/logo.png" border="0" width="60" height="20" style="margin-top: -25px;"></a> </div> </div> </nav> </body> </html> <script type="text/javascript"> $(function(){ $('.navbar-brand').click(function(){ var jumpUrl = $('.navbar-brand').attr('jump-url'); window.location.href = jumpUrl; }) }) </script> <main class="content"> <div id="content-container" class="container"> <div class="user-section login-section"> <div class="logon-tab clearfix"> <div class="title_tab" > <a class="active">로그인</a> </div> <div class="title_tab" > <!-- 判断是否是弹窗登录 --> <a href="/reg/index.html?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr">회원가입</a> </div> </div> <div class="login-main"> <form name="form" id="login-form" class="form-vertical nice-validator n-default n-bootstrap" method="POST" action=""> <input type="hidden" name="jumpUrl" value="https://www.storexppen.kr/series/14.html" /> <div class="form-group form__input-wrapper"> <div class="controls"> <input type="text" name="email" value="" id="email" class="form-control input-lg" autocomplete="off" onkeyup="this.value=this.value.replace(/\s+/g,'')"> <span class="msg-box n-right" style="display: none;"> <span role="alert" class="msg-wrap n-error"> <span class="n-msg email-msg-content" data-msg-1="유효한 메일주소를 입력하십시오." data-msg-2="유효한 메일주소를 입력하십시오."></span> </span> </span> <label class="control-label" for="email"> 이메일<span class="star">*</span> </label> <p class="help-block"></p> </div> </div> <div class="form-group form__input-wrapper"> <div class="controls"> <input type="password" name="password" value="" id="login_password" class="form-control input-lg" autocomplete="off" onkeyup="this.value=this.value.replace(/\s+/g,'')"> <span class="msg-box n-right" style="display: none;"> <span role="alert" class="msg-wrap n-error"> <span class="n-msg password-msg-content" data-msg-1="비밀번호 입력"></span> </span> </span> <label class="control-label" for="login_password"> 비밀번호<span class="star">*</span> </label> <p class="help-block"></p> </div> </div> <div class="form-group form__input-wrapper"> <div class="controls"> <div class="captcha_input"> <input type="text" name="captcha" value="" id="captcha" class="form-control input-lg" autocomplete="off" onkeyup="this.value=this.value.replace(/\s+/g,'')"> <span class="msg-box n-right" style="display: none;"> <span role="alert" class="msg-wrap n-error"> <span class="n-msg">이미지속 문자를 입력하십시오</span> </span> </span> <label class="control-label" for="captcha"> 인증코드<span class="star">*</span> </label> </div> </div> </div> <div class="form-group form__input-wrapper"> <div class="input-group-btn"> <img src="/captcha.html" height="70" onclick="this.src=this.src+'?rand='+Math.random();" class="captcha_images"> </div> </div> <div class="form-group"> <div class="controls" style="text-align: right"> <a href="/forgetpwd/index.html?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr" class="btn-respssword" style="font-size: 14px;">비밀번호 찾기</a> </div> </div> <div class="form-group form-button"> <button type="button" id="buttonSubmit" class="btn btn-primary btn-lg btn-block">로그인</button> </div> </form> </div> <!-- 绑定邮箱 --> <section class="cus-popover" id="third_party_popup_1" style="display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .38);z-index: 9999;"> <div class="cus-popover-content" style="width: 500px; padding: 20px;"> <div class="cus-form-warp"> <div style="text-align: center;margin: 40px auto 40px;"> <img src="/assets/img/logo.png" border="0"> </div> <form name="third-party-form" id="third-party-form" class="cus-form nice-validator n-default n-bootstrap" method="POST" action=""> <input type="hidden" name="type" id="type" value="1"> <div id="response_go"> <input type="hidden" name="jwt" id="jwt1" value=""> <input type="hidden" name="nonce" id="nonce" value=""> </div> <input type="hidden" name="check_token" id="checkToken" value=""> <div id="response_fb"> <input type="hidden" name="fb_id" id="fbId" val=""> <input type="hidden" name="fb_access_token" id="fbAccessToken" val=""> <input type="hidden" name="fb_status" id="fbStatus" val=""> </div> <div class="form-group form__input-wrapper"> <div class="controls"> <input type="text" name="third_party_email" value="" id="third_party_email_1" class="form-control input-lg" autocomplete="off" onkeyup="this.value=this.value.replace(/\s+/g,'')"> <span class="msg-box n-right" style="display: none;"> <span role="alert" class="msg-wrap n-error"> <span class="n-msg email-msg-content" data-msg-1="유효한 메일주소를 입력하십시오." data-msg-2="유효한 메일주소를 입력하십시오."></span> </span> </span> <label class="control-label required"> 이메일<span class="star">*</span> </label> <p class="help-block"></p> </div> </div> <div class="form-group form__input-wrapper cus-group"> <div class="controls" style="width: 58%"> <input type="text" name="verif_code" value="" id="verif_code" class="form-control input-lg" autocomplete="off" onkeyup="this.value=this.value.replace(/\s+/g,'')"> <span class="msg-box n-right" style="display: none;"> <span role="alert" class="msg-wrap n-error"> <span class="n-msg email-msg-content">인증코드 (PIN) 오류</span> </span> </span> <label class="control-label required"> 인증코드<span class="star">*</span> </label> </div> <div class="controls" style="width: 38%"> <button type="button" class="btn btn-primary btn-lg btn-block resend_code" data-type="1" data-lang="kr" click-num="0">링크 보내기</button> </div> </div> <div class="form-group"> <button type="button" class="btn btn-primary btn-lg btn-block" id="registerThirdPartyButton" data-jump="https://www.storexppen.kr/series/14.html" data-type="1">로그인</button> </div> <div class="form-group"> <div class="controls conditions"> 계정을 만들면 <a href='https://www.xp-pen.kr/page/protocol.html' target='protocol'>XPPen 서비스 이용약관</a> 및 <a href='https://www.xp-pen.kr/page/Privacy_Policy.html' target='Privacy'>개인정보 수집 및 이용에 대한 안내</a>에 동의하는 것으로 진행됩니다. </div> </div> </form> </div> </div> </section> <!-- 登录超超过5次限制 --> <section class="cus-popover" id="thirdPartyPopup" style="display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .38);z-index: 9999;"> <div class="cus-popover-content" style="width: 500px; padding: 20px"> <div class="cus-form-warp"> <div style="text-align: center;margin: 40px auto 40px;"> <img src="/assets/img/logo.png" border="0"> </div> <form name="third-party-form-limit" id="third-party-form-limit" class="cus-form" method="POST" action=""> <input type="hidden" name="type" id="type" value="2"> <input type="hidden" name="third_party_email" id="thirdPartyEmail2" value=""> <div id="limit_response_go"> <input type="hidden" name="jwt" id="jwt2" value=""> </div> <input type="hidden" name="check_token" id="checkTokenLimit" value=""> <div id="limit_response_fb"> <input type="hidden" name="fb_id" id="limitFbId" val=""> <input type="hidden" name="fb_access_token" id="limitFbAccessToken" val=""> <input type="hidden" name="fb_status" id="limitFbStatus" val=""> </div> <div class="form-group form__input-wrapper"> <div class="controls"> <label>Nickname：</label> <span id="nickname"></span> </div> </div> <div class="form-group form__input-wrapper"> <div class="controls"> <label>이메일：</label> <span id="third_party_email_2"></span> </div> </div> <div class="form-group form__input-wrapper cus-group"> <div class="controls" style="width: 58%"> <input type="text" name="verif_code" value="" id="verif_code_2" class="form-control input-lg" onkeyup="this.value=this.value.replace(/\s+/g,'')" autocomplete="off"> <span class="msg-box n-right" style="display: none;"> <span role="alert" class="msg-wrap n-error"> <span class="n-msg email-msg-content">인증코드 (PIN) 오류</span> </span> </span> <label class="control-label required"> 인증코드<span class="star">*</span> </label> </div> <div class="controls" style="width: 38%"> <button type="button" class="btn btn-primary btn-lg btn-block resend_code" data-type="5" data-lang="kr" click-num="0">링크 보내기</button> </div> </div> <div class="form-group"> <button type="button" class="btn btn-primary btn-lg btn-block" id="registerThirdPartyButton" data-jump="https://www.storexppen.kr/series/14.html" data-type="2">로그인</button> </div> </form> </div> </div> </section> <script type="text/javascript"> $(function(){ // 绑定邮箱 $(document).on('click', '#registerThirdPartyButton', function(){ if ($(this).attr('data-type') == 1) { // 邮箱检查 var third_party_email_1 = $('#third_party_email_1'); if (third_party_email_1.val() == '') { third_party_email_1.focus().next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-1')); return false; } else { var ret = /^[_A-Za-z0-9]+([A-Za-z0-9._-])*@[a-z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i; if (!ret.test(third_party_email_1.val())) { third_party_email_1.focus().next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-2')); third_party_email_1.parents('.form__input-wrapper').addClass('has-error'); return false; } } // 邮箱验证码检查 var verif_code = $('#verif_code'); if (verif_code.val() == '') { verif_code.focus(); return false; } var form_data = $('#third-party-form').serialize(); var action = $('#third-party-form').attr('action'); } else if ($(this).attr('data-type') == 2) { // 邮箱检查 var thirdPartyEmail2 = $('#thirdPartyEmail2'); if (thirdPartyEmail2.val() == '') { layer.msg('유효한 메일주소를 입력하십시오.', {icon:2}); return false; } else { var ret = /^[_A-Za-z0-9]+([A-Za-z0-9._-])*@[a-z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i; if (!ret.test(thirdPartyEmail2.val())) { layer.msg('유효한 메일주소를 입력하십시오.', {icon:2}); return false; } } // 邮箱验证码检查 var verif_code_2 = $('#verif_code_2'); if (verif_code_2.val() == '') { verif_code_2.focus(); return false; } var form_data = $('#third-party-form-limit').serialize(); var action = $('#third-party-form-limit').attr('action'); } var index = layer.load(); $.post(action, form_data, function(data) { layer.close(index); if (data.code == 1) { //是否禁用第三方cookie if (data.data == '') { window.location.href = data.url.replace(/&/g, '&'); // 弹窗登录时需要通知子站关闭弹窗的窗口 var isIframe = $('#iframeLogin').attr('data-iframe'); if (isIframe != undefined) { window.setTimeout(function () { window.top.postMessage('login_success', '*'); }, 500); } return false; } var $jump = $('#registerThirdPartyButton').attr('data-jump'); var domain = $jump.split('/'); $.ajax({ type: 'POST', url: 'https://'+ domain[2] + '/sso.login/index?lang='+'kr', data: data.data, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success: function() { // 弹窗登录时需要通知子站关闭弹窗的窗口 var isIframe = $('#iframeLogin').attr('data-iframe'); if (isIframe != undefined) { window.setTimeout(function () { window.top.postMessage('login_success', '*'); }, 500); return false; } // 正常登录并跳转回子站 window.location.href = $jump; } }) return false; } else { layer.msg(data.msg, {icon:2}); return false; } }) }); // input表单失去焦点 $('.input-lg').blur(function() { if ($(this).val() !== '') { if ($(this).attr('id') == 'third_party_email_1') { var ret = /^[_A-Za-z0-9]+([A-Za-z0-9._-])*@[a-z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i; if (!ret.test($(this).val())) { $(this).next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-2')); $(this).parents('.form__input-wrapper').addClass('has-error'); } else { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').addClass('has-success'); $(this).next('span').hide(); } } if ($(this).attr('id') == 'verif_code') { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').addClass('has-success'); $(this).next('span').hide(); } if ($(this).attr('id') == 'verif_code_2') { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').addClass('has-success'); $(this).next('span').hide(); } } else { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').removeClass('has-success'); $(this).next('span').hide(); } }); // 发送验证码 $('.resend_code').click(function(){ var code_type = $(this).attr('data-type'); if (code_type == 1) { var third_party_email = $('#third_party_email_1'); if (third_party_email.val() == '') { third_party_email.focus().next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-1')); return false; } else { var ret = /^[_A-Za-z0-9]+([A-Za-z0-9._-])*@[a-z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i; if (!ret.test(third_party_email.val())) { third_party_email.focus(); return false; } } var email = third_party_email.val(); } else if (code_type == 5) { var email = $('#third_party_email_2').text(); } var $this = $(this); var index = layer.load(); $.post('/reg/send_mail?lang='+$(this).attr('data-lang'), {'email': email, 'code_type': code_type}, function (data) { layer.close(index); if (data.code == 1) { countDown($('.resend_code'), 60); var num = $this.attr('click-num'); var new_num = parseInt(num) + 1; $this.attr('click-num', new_num); if (new_num > 1) { layer.msg(data.msg, {icon: 1}); } } else { layer.msg(data.msg, {icon:2}); $this.attr('click-num', 1); } return false; }) return false; }) // 时间倒计时按钮样式 function countDown($this, ts) { ts = parseInt(ts); $this.html('%s 후 재전송'.replace('%s', ts)); if (ts == 60) { $this.attr('disabled', true); } if (ts > 0) { window.setTimeout(function () { countDown($this, ts - 1); }, 1000); } else { $this.removeAttr("disabled"); $this.html('링크 보내기').attr('disabled', false); } } }) var $nonce = 'NCxSW9'; // 加载 Google sdk (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://accounts.google.com/gsi/client"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'google-jssdk')); // 初始化谷歌 window.onload = function () { google.accounts.id.initialize({ client_id : '234983796620-egjrto9f5hdtu73m6qvj6hbc3ncqm15p.apps.googleusercontent.com', callback : handleCredentialResponse, // 回调 cookie : true, nonce : $nonce, ux_mode : 'popup' }) // 谷歌按钮 google.accounts.id.renderButton( document.getElementById("buttonDiv"), { type : "standard", theme : "outline", size : "large", text : "signin_with", width : navigator.userAgent.match(/mobile/i) == null ? 400 : $('#login-form').width() } ) google.accounts.id.disableAutoSelect(); } // 函数处理凭据响应 function handleCredentialResponse(response) { var jwt = response.credential; var index = layer.load(); $.ajax({ type: 'POST', url: '/google/callback?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&login=', data: {'jwt': jwt, 'check_token': 'b8a6b074224bc03a9fd145d44bba752e', 'nonce': $nonce}, async: true, dataType: 'json', success: function(data) { layer.close(index); // 执行登录 if (data.code == 1) { //是否禁用第三方cookie if (data.data == '') { window.location.href = data.url.replace(/&/g, '&'); // 弹窗登录时需要通知子站关闭弹窗的窗口 var isIframe = $('#iframeLogin').attr('data-iframe'); if (isIframe!=undefined) { window.setTimeout(function () { window.top.postMessage('login_success', '*'); }, 500); } return false; } var $jump = $('#registerThirdPartyButton').attr('data-jump'); var domain = $jump.split('/'); $.ajax({ type: 'POST', url: 'https://'+ domain[2] + '/sso.login/index?lang='+'kr', data: data.data, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success: function() { // 弹窗登录时需要通知子站关闭弹窗的窗口 var isIframe = $('#iframeLogin').attr('data-iframe'); if (isIframe!=undefined) { window.setTimeout(function () { window.top.postMessage('login_success', '*'); }, 500); return false; } // 正常登录并跳转回子站 window.location.href = $jump; } }) return false; } else if (data.code == 2) { // 绑定页面 $('#third_party_popup_1').show(); $('#third-party-form').attr('action', '/google/callback?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&login='); $('#jwt1').val(jwt); $('#checkToken').val('b8a6b074224bc03a9fd145d44bba752e'); $('#nonce').val($nonce); $(document).mousedown(function(e){ if (e.target.id == 'third_party_popup_1') { $('#third_party_popup_1').hide(); } }) return false; } else if (data.code == 3) { // 超出限制页面 $('#thirdPartyPopup').show(); $('#third-party-form-limit').attr('action', '/google/callback?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&login='); $('#jwt2').val(jwt); $('#checkTokenLimit').val('b8a6b074224bc03a9fd145d44bba752e'); $('#nickname').text(data.data.nickname); $('#third_party_email_2').text(data.data.email); $('#thirdPartyEmail2').val(data.data.email); $(document).mousedown(function(e){ if (e.target.id == 'thirdPartyPopup') { $('#thirdPartyPopup').hide(); } }) return false; } else { layer.msg(data.msg, {icon:2}); return false; } } }) } // 加载 Facebook sdk (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/ko_KR/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); // 设置按钮宽度 $('.fb-login-button').attr('data-width', $('#login-form').width()); // 初始化Facebook window.fbAsyncInit = function() { FB.init({ appId : '744275769584833', // Application number cookie : true, // Enable cookies to allow the server to access the session. xfbml : true, // Parse social plugins on this webpage. version : 'v10.0', // Use this Graph API version for this call. }) } // 函数处理凭据响应 function FBLogin() { FB.getLoginStatus(function (response) { console.log(response) // 用户登录了 Facebook 并授权了您的应用(connected) if (response.status === 'connected') { var status_change_response = response; FB.api('/me', function(status_change_response) { if (status_change_response.id == undefined) { FB.login(function (response) { if (response.status === 'connected') { fBajax(response); } else { return false; // 用户取消授权 } }) } else { fBajax(response); } }) } else if (response.status === 'not_authorized' || response.status === 'unknown') { // 用户登录了 Facebook 但未授权您的应用(not_authorized) // 用户未登录 Facebook 或明确退出了您的应用，导致您的应用没有尝试连接 Facebook，因此我们无法判断用户是否已经验证您的应用(unknown) return false; // 用户取消授权 } }) } // 执行 function fBajax(jwt) { var fb_id = jwt['authResponse']['userID']; var fb_access_token = jwt['authResponse']['accessToken']; var fb_status = jwt['status']; var index = layer.load(); $.ajax({ type: 'POST', url: '/facebook/callback?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&login=', data: {'fb_id': fb_id, 'fb_access_token': fb_access_token, 'fb_status': fb_status, 'check_token': 'b8a6b074224bc03a9fd145d44bba752e'}, async: true, dataType: 'json', success: function(data) { layer.close(index); if (data.code == 1) { //是否禁用第三方cookie if (data.data == '') { window.location.href = data.url.replace(/&/g, '&'); // 弹窗登录时需要通知子站关闭弹窗的窗口 var isIframe = $('#iframeLogin').attr('data-iframe'); if (isIframe != undefined) { window.setTimeout(function () { window.top.postMessage('login_success', '*'); }, 500); } return false; } var $jump = $('#registerThirdPartyButton').attr('data-jump'); var domain = $jump.split('/'); $.ajax({ type: 'POST', url: 'https://'+ domain[2] + '/sso.login/index?lang='+'kr', data: data.data, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success: function() { // 弹窗登录时需要通知子站关闭弹窗的窗口 var isIframe = $('#iframeLogin').attr('data-iframe'); if (isIframe!=undefined) { window.setTimeout(function () { window.top.postMessage('login_success', '*'); }, 500); return false; } // 正常登录并跳转回子站 window.location.href = $jump; } }) return false; } else if (data.code == 2) { // 绑定页面 $('#third_party_popup_1').show(); $('#third-party-form').attr('action', '/facebook/callback?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&login='); $('#fbId').val(fb_id); $('#fbAccessToken').val(fb_access_token); $('#checkToken').val('b8a6b074224bc03a9fd145d44bba752e'); $('#fbStatus').val(fb_status); $(document).mousedown(function(e){ if (e.target.id == 'third_party_popup_1') { $('#third_party_popup_1').hide(); } }) return false; } else if (data.code == 3) { // 超出限制页面 $('#thirdPartyPopup').show(); $('#third-party-form-limit').attr('action', '/facebook/callback?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr&login='); $('#limitFbId').val(fb_id); $('#checkTokenLimit').val('b8a6b074224bc03a9fd145d44bba752e'); $('#limitFbAccessToken').val(fb_access_token); $('#limitFbStatus').val(fb_status); $('#nickname').text(data.data.nickname); $('#third_party_email_2').text(data.data.email); $('#thirdPartyEmail2').val(data.data.email); $(document).mousedown(function(e){ if (e.target.id == 'thirdPartyPopup') { $('#thirdPartyPopup').hide(); } }) return false; } else if (data.code == 4) { // 重新登录 FB.login(function (response) { if (response.status === 'connected') { fBajax(response); } else { return false; // 用户取消授权 } }, { scope: 'email' }) return false; } else { layer.msg(data.msg, {icon:2}); return false; } } }) } </script> </div> </div> </main> <script type="text/javascript"> $(function(){ // 回车登录 $(document).keydown(function(event){ if(event.keyCode == 13){ if ($('#third_party_popup_1').attr('style').indexOf('display: none;') == '-1') { var bindFormArray = $('#third-party-form').serializeArray(); if (bindFormArray[7]['value']!==''&&bindFormArray[8]['value']!=='') { $('#third_party_popup_1 #registerThirdPartyButton').click(); } return false; } else if ($('#thirdPartyPopup').attr('style').indexOf('display: none;') == '-1') { var checkFormArray = $('#third-party-form-limit').serializeArray(); if (checkFormArray[7]['value']!=='') { $('#thirdPartyPopup #registerThirdPartyButton').click(); } return false; } else { var indexFormArray = $('#login-form').serializeArray(); if (indexFormArray[1]['value']!==''&&indexFormArray[2]['value']!==''&&indexFormArray[3]['value']!=='') { $('#buttonSubmit').click(); } return false; } } }) // 提交表单 $('#buttonSubmit').click(function(){ // 邮箱检查 var email = $('#email'); if (email.val() == '') { email.focus().next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-1')); return false; } else { var ret = /^[_A-Za-z0-9]+([A-Za-z0-9.+_-])*@[a-z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i; if (!ret.test(email.val())) { email.focus().next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-2')); email.parents('.form__input-wrapper').addClass('has-error'); return false; } } // 密码检查 var password = $('#login_password'); if (password.val() == '') { password.focus().next().show(); $('.password-msg-content').text($('.password-msg-content').attr('data-msg-1')); return false; } else { password.next('span').hide(); } // 验证码检查 var captcha = $('#captcha'); if (captcha.val() == '') { captcha.focus().next().show(); return false; } else if(captcha.val().length !== 4) { captcha.focus().next().show(); return false; } var index = layer.load(); $.post("/login/index.html?jumpUrl=https://www.storexppen.kr/series/14.html&lang=kr", $('#login-form').serialize(), function(data) { if (data.code == 1) { // 是否禁用第三方cookie if (data.data == '') { var isIframe = $('#iframeLogin').attr('data-iframe'); // 弹窗登录时需要通知子站关闭弹窗的窗口 if (isIframe != undefined) { window.location.href = data.url.replace(/&/g, '&')+'&login_success'; } else { window.location.href = data.url.replace(/&/g, '&'); } return false; } var domain = data.url.replace(/&/g, '&').split('/'); $.ajax({ type: 'POST', url: domain[0] +'//'+ domain[2] + '/sso.login/index?lang='+'kr', data: data.data, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success: function() { var isIframe = $('#iframeLogin').attr('data-iframe'); // 弹窗登录时需要通知子站关闭弹窗的窗口 if (isIframe != undefined) { window.top.postMessage('login_success', '*'); return false; } // 正常登录并跳转回子站 window.location.href = 'https://www.storexppen.kr/series/14.html'; } }) return false; } else { layer.close(index); $('#'+data.data).focus().next().show(); $('#'+data.data).next().find('.n-msg').text(data.msg); $('#'+data.data).parents('.form__input-wrapper').addClass('has-error'); // 刷新验证码 $('#captcha').val(''); var src = $('.captcha_images').attr('src'); $('.captcha_images').attr('src',src+'?rand='+Math.random()); return false; } }) }); // input表单失去焦点 $('.input-lg').blur(function() { if ($(this).val() !== '') { if ($(this).attr('id') == 'email') { var ret = /^[_A-Za-z0-9]+([A-Za-z0-9.+_-])*@[a-z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/i; if (!ret.test($(this).val())) { $(this).next().show(); $('.email-msg-content').text($('.email-msg-content').attr('data-msg-2')); $(this).parents('.form__input-wrapper').addClass('has-error'); } else { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').addClass('has-success'); $(this).next('span').hide(); } } $('#login_password').parents('.form__input-wrapper').removeClass('has-error'); $('#login_password').next('span').hide(); if ($(this).attr('id') == 'login_password') { $(this).parents('.form__input-wrapper').addClass('has-success'); } if ($(this).attr('id') == 'captcha') { if ($(this).val().length !== 4) { $(this).next().show(); $(this).parents('.form__input-wrapper').addClass('has-error'); } else { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').addClass('has-success'); $(this).next('span').hide(); } } } else { $(this).parents('.form__input-wrapper').removeClass('has-error'); $(this).parents('.form__input-wrapper').removeClass('has-success'); $(this).next('span').hide(); } }); }) </script> <footer class="footer" style="clear:both;"> <div class="container"> <div class="footer_copy_content_mobile"> <a href=""><p class="footer_text"><a href='https://www.xp-pen.kr/page/protocol.html' target='protocol' style="color: #999; margin-right: 15px;">XPPen 서비스 이용약관</a></p></a> <a href=""><p class="footer_text"><a href='https://www.xp-pen.kr/page/Privacy_Policy.html' target='Privacy' style="color: #999;">개인 정보 정책</a></p></a> </div> <div class="navbar-footer"> <img src="/assets/img/logo02.png" border="0" width="80" height="40"> </div> <div class="footer_copy_content"> <p>Copyright© 2024 XPPEN TECHNOLOGY CO. All Rights Reserved</p> <div class="link_text"> <span><a href='https://www.xp-pen.kr/page/protocol.html' target='protocol' style="color: #999; margin-right: 15px;">XPPen 서비스 이용약관</a></span> <span><a href='https://www.xp-pen.kr/page/Privacy_Policy.html' target='Privacy' style="color: #999;">개인 정보 정책</a></span> </div> </div> </div> </footer>