1. 程式人生 > >IOS移動端 找回密碼頁面

IOS移動端 找回密碼頁面

<body>
<div class="allBox">
    <div class="logo"></div>
    <p class="return">無需找回賬號,<a class="return_span" href="javascript:">返回首頁</a></p>
    <!-- 中間表單 -->
    <div class="content center">
        <p class="title">找回密碼</p>
        <div class="userbox"><input type="text" class="user" placeholder="請輸入郵箱地址..."></input></div>
        <div class="checkbox">
            <input type="text" class="check" placeholder="驗證碼..."></input>
            <img onclick="this.src=this.src+'?'+Math.random()"src="/index.php/home/user/verify.html" class="checkimg" >
        </div>
        <button class="next">下一步,傳送驗證郵件</button>
        <img src="/Public/images/hr.png" class="hr">
        <p class="question">無法通過上面方式找回密碼?</p>
        <p class="tip">您可以在聯絡客服<span style="color: #171c61;">【聯絡客服方式請檢視客服中心】</span>,我們的工作人員會在核實您的身份後為您重置密碼</p>
    </div>
    <div class="footer">COPYRIGHT © 2017 YouChaogame.com All Rights Reserved.</div>
</div>
</body>
</html>
<script src="/Public/js/jquery-1.7.js"></script>
<script src="/Public/js/jquery-1.7.min.js"></script>
<script type="text/javascript">
    var Url = '/index.php/home/user/confirmpwd.html';
    var Url1 = '/index.php/home/user/isrepeat.html';
    $(".next").click(function(){
        $(".next").attr('disabled','true');
        $(".next").text("正在傳送....請稍等");
        $.ajax({
            url: Url1,
            type: 'POST',
            dataType: 'json',
            success: function (res) {
                if(res.status==0)
                {
                    $(".next").text("下一步,傳送驗證郵件");
                    $('.next').removeAttr('disabled');
                    alert(res.info);
                }
                else
                {
                    var p_email = $(".user").val();
                    var verify = $(".check").val();
                    $.ajax({
                        url: Url,
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            p_email:p_email,
                            verify:verify
                        },
                        success: function (res) {
                            $(".next").text("下一步,傳送驗證郵件");
                            $('.next').removeAttr('disabled');
                            alert(res.info);
                        },
                        error: function (res) {
                            $(".next").text("下一步,傳送驗證郵件");
                            $('.next').removeAttr('disabled');
                            alert('網路繁忙');
                        }
                    })
                }
            },
            error: function (res) {
                $(".next").text("下一步,傳送驗證郵件");
                $('.next').removeAttr('disabled');
                alert('網路繁忙');
            }
        })

    })

</script>
http://findpassword.youchaogame.com/home/user/find_pwd