회원정보찾기 - 앳스타일

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>회원정보찾기 - 앳스타일</title> <link rel="canonical" href="http://www.atstar1.com" /> <link rel="stylesheet" href="https://cdn.atstar1.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/media.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/member.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/design.style.css"><script src="https://cdn.atstar1.com/script/jquery.min.js"></script> <script src="https://cdn.atstar1.com/script/what-input.js"></script> <script src="https://cdn.atstar1.com/script/foundation.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.atstar1.com/script/md5.js"></script> <script src="https://cdn.atstar1.com/script/js.cookie-2.2.1.min.js"></script> <script src="https://cdn.atstar1.com/script/common.js"></script>  <style type="text/css"> /* 사이트 기본 색 */ .user-point {color:#000 !important} .user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.join-type-a:hover, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#000 !important} .user-border {border-color:#000 !important} .nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#000 !important;border-color:#000 !important} .nd-checkbox.check-pink input[type="checkbox"] + .nd-checked::before, .nd-checkbox.check-pink input[type="radio"] + .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"] + .nd-checked::before, .nd-radio.radio-pink input[type="radio"] + .nd-checked::before, .checkbox-group.nd-pink input[type="radio"] + label::before, .checkbox-group.nd-pink input[type="checkbox"] + label::before, .radio-group.nd-pink input[type="radio"] + label::before, .radio-group.nd-pink input[type="checkbox"] + label::before {border-color:#000 !important;opacity:.5} .nd-checkbox.check-pink input[type="checkbox"]:checked + .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked + .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked + .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked + .nd-checked::before, .checkbox-group.nd-pink input[type="radio"]:checked + label::before, .checkbox-group.nd-pink input[type="checkbox"]:checked + label::before, .radio-group.nd-pink input[type="radio"]:checked + label::before, .radio-group.nd-pink input[type="checkbox"]:checked + label::before {background:#000 !important;border-color:transparent !important;opacity:1} </style> <script type="text/javascript">  </script> </head> <body class="" > <nav class="skip-nav"> <a href="#user-wrap" onclick="document.getElementById('user-wrap').tabIndex = -1;document.getElementById('user-wrap').focus();return false;" class="user-border"><span>본문 바로가기</span></a> </nav> <div id="user-wrap" class="for-members"> <div class="row expanded"> <header class="mb-header"> <h1 class="logo"> <a href="http://www.atstar1.com"> <img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일" /> </a> </h1> </header>  <div class="mb-container find-info"> <h1 class="mb-titles">회원정보찾기</h1> <ul id="find-tabs" class="tabs" data-tabs data-deep-link="true"> <li class="tabs-title is-active"><a href="#find-id" aria-selected="true">아이디 찾기</a></li> <li class="tabs-title"><a href="#find-pw">비밀번호 찾기</a></li> </ul> <div class="tabs-content" data-tabs-content="find-tabs"> <div class="tabs-panel is-active" id="find-id"> <form name="findId" id="findId" method="post">  <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-4 columns"> <label for="user_name" class="text-left medium-middle"><strong>이름</strong></label> </div> <div class="medium-8 columns"> <input type="text" name="user_name" id="user_name" class="marbtm-5" placeholder="이름" title="이름"> </div> </fieldset>   <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-4 columns"> <label for="email" class="text-left medium-middle"><strong>이메일</strong></label> </div> <div class="medium-8 columns"> <input type="email" name="email" id="email" class="marbtm-0" placeholder="이메일" title="이메일"> </div> </fieldset>  <div id="checkFindId-div" class="success callout" style="display:none;" data-closable> <p id="checkFindId-div-p"></p> <button class="close-button" aria-label="Dismiss alert" type="button" data-close> <span>×</span> </button> </div> <button id="findId_btn" onclick="return false;" class="button user-bg large expanded martop-25 marbtm-0">확인</button> </form> </div> <div class="tabs-panel" id="find-pw"> <form name="findPw" method="post">  <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-4 columns"> <label for="user_id" class="text-left medium-middle"><strong>아이디</strong></label> </div> <div class="medium-8 columns"> <input type="text" name="user_id" id="user_id" class="marbtm-5" placeholder="아이디" title="아이디"> </div> </fieldset>   <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-4 columns"> <label for="user_name" class="text-left medium-middle"><strong>이름</strong></label> </div> <div class="medium-8 columns"> <input type="text" name="user_name" id="user_name" class="marbtm-5" placeholder="이름" title="이름"> </div> </fieldset>   <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-4 columns"> <label for="email" class="text-left medium-middle"><strong>이메일</strong></label> </div> <div class="medium-8 columns"> <input type="email" name="email" id="email" class="marbtm-0" placeholder="이메일" title="이메일"> </div> </fieldset>  <div id="checkFindPw-div" class="success callout" style="display:none;" data-closable> <p id="checkFindPw-div-p"></p> <button class="close-button" aria-label="Dismiss alert" type="button" data-close> <span>×</span> </button> </div> <button id="findPw_btn" onclick="return false" class="button user-bg large expanded martop-25 marbtm-0">확인</button> </form> </div> </div> </div>  <script> $(document).ready(function() { //아이디찾기 $('#findId_btn').on('click', function(){ var $form = $(this).closest('form'); var $user_name = $form.find('#user_name'); var $email = $form.find('#email'); if($user_name.val() == ""){ alert('이름을 정확히 입력해주세요.'); $user_name.focus(); return; } if($email.val() == ""){ alert('이메일을 정확히 입력해주세요.'); $email.focus(); return; } $.ajax({ type: "POST", url: "/member/findMyInfoId.ajax.php", cache: false, dataType : 'json', data: { user_name:$user_name.val(), email:$email.val() }, success: function(json){ $("#checkFindId-div-p").html(json[1]); if(json[0] == "Y") $("#checkFindId-div").removeClass('alert').addClass('success').show(); else $("#checkFindId-div").removeClass('success').addClass('alert').show(); // $('#idCheck-Modal').foundation('open'); }, error:function(request,status,error){ alert('ajax error!!!'); console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); }); var clickCheck = true; //비밀번호 찾기 $('#findPw_btn').on('click', function(){ var $form = $(this).closest('form'); var $user_id = $form.find('#user_id'); var $user_name = $form.find('#user_name'); var $email = $form.find('#email'); if($user_id.val() == ""){ alert('아이디를 정확히 입력해주세요.'); $user_id.focus(); return; } if($user_name.val() == ""){ alert('이름을 정확히 입력해주세요.'); $user_name.focus(); return; } if($email.val() == ""){ alert('이메일을 정확히 입력해주세요.'); $email.focus(); return; } if(clickCheck == true) { $.ajax({ type: "POST", url: "/member/findMyInfoPw.ajax.php", cache: false, dataType : 'json', data: { user_id:$user_id.val(), user_name:$user_name.val(), email:$email.val() }, success: function(json){ $("#checkFindPw-div-p").html(json[1]); if(json[0] == "Y") { clickCheck = false; $("#checkFindPw-div").removeClass('alert').addClass('success').show(); } else { $("#checkFindPw-div").removeClass('success').addClass('alert').show(); // $('#idCheck-Modal').foundation('open'); } }, error:function(request,status,error){ alert('ajax error!!!'); console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } }); }); </script> <footer class="mb-footer"> © <span class="user-point">앳스타일</span> All rights reserved. </footer> </div> </div>  </body> </html>

CINXE.COM

회원정보찾기 - 앳스타일