<?
//========================================
// dehead(config/function/lib) Include
//========================================
include $_SERVER['DOCUMENT_ROOT']."/front/include/dehead.php";

//========================================
// Meta Tag
//========================================
$metaNav = $metaInfo['findid']['nav'];

//========================================
// header Include
//========================================
include PATH_INCLUDE."header.php";
?> 

        <div id="container">
            <div class="sub_visual_wrap member">
                <div class="inner_box">
                    <div class="location">
                        <a href="/"><img src="<?=PATH_IMAGES?>/common/ico_home.png" alt="HOME" /></a> &nbsp;&gt;&nbsp;
                        <?php
						if($metaNav[4]){ echo "<span>".$metaNav[4]."</span> &nbsp;&gt;&nbsp;"; }
						if($metaNav[3]){ echo "<span>".$metaNav[3]."</span> &nbsp;&gt;&nbsp;"; }
						if($metaNav[2]){ echo "<span>".$metaNav[2]."</span> &nbsp;&gt;&nbsp;"; }
						if($metaNav[1]){ echo "<span>".$metaNav[1]."</span> &nbsp;&gt;&nbsp;"; }
						echo "<strong>".$metaNav[0]."</strong>";
						?>
                    </div>
                    <h1 class="tit">ID/PASSWORD 찾기</h1>
                    <p>
                        <span>ID/PASSWORD가</span>
                        <span>기억나지 않으세요?</span>
                    </p>
                </div>
            </div>

            <div id="contents" class="member_wrap">
                <div class="sep_tab_box1">
                    <div class="tab_style1 two">
                        <ul>
                            <li><a href="find_id.php">ID 찾기</a></li>
                            <li class="on"><a href="#self">PASSWORD 찾기</a></li>
                        </ul>
                    </div>
                </div>
                
                <form id="postFrm" method="POST" action="find_pw_proc.php">
                <div class="find_wrap">
                    <table class="write_table" cellpadding="0" cellspacing="0">
                        <tr>
                            <th><label for="mName">이름</label></th>
                            <td>
                                <input type="text" id="mName" name="mName" class="w326" />
                            </td>
                        </tr>
                        <tr>
                            <th><label for="mId">아이디</label></th>
                            <td>
                                <input type="text" id="mId" name="mId" class="w326" />
                            </td>
                        </tr>
                        <tr>
                            <th><label for="mMail">이메일</label></th>
                            <td>
                                <div class="mail_box">
                                    <div class="box1"><input type="text" id="mMail" name="mMail" /></div>
                                    <div class="box2"><input type="text" id="mMail2" name="mMail2" /></div>
                                    <select id="mMail3"></select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="text">
                                <ul>
                                    <li>&middot; 성명과 가입하실 때 작성하신 이메일을 입력해주십시오.</li>
                                    <li>&middot; 가입하실 때 작성하신 정보와 일치해야 합니다.</li>
                                </ul>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="write_btn_area">
                    <div class="fl_c">
                        <input type="submit" class="btn_blue" value="확인" />
                    </div>
                </div>
                </form>
            </div><!-- id : contents -->
        </div><!-- end : container -->

<script>
$(document).ready(function(){
    $("#postFrm").submit(function(){
        if(!$("#mName").val()){
            alert("이름을 입력하세요");
            $("#mName").focus();
            return false;
        }

        if(!$("#mId").val()){
            alert("아이디를 입력하세요");
            $("#mId").focus();
            return false;
        }
        
        if(!$("#mMail").val()){
            alert("이메일을 입력하세요.");
            $("#mMail").focus();
            return false;
        }

        if($("#mMail").val()){
            var user_email = $("#mMail").val() + "@" + $("#mMail2").val();
            var regex = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/;

            if(!regex.test(user_email)){
                alert("유효한 이메일 형식이 아닙니다.");
                $("#mMail").focus();
                return false;
            }
        }
        return true;
    });
});
</script>

<?
//========================================
// quick bar Include
//========================================
include PATH_INCLUDE."quick.php";

//========================================
// footer Include
//========================================
include PATH_INCLUDE."footer.php";
?> 