<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%

    String path = request.getContextPath();

%>

<!DOCTYPE html>

<html lang="zh">

<head>

<title>${pd.sysName}</title>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="shortcut icon" href="static/images/las.ico">

<link rel="stylesheet" href="static/login/bootstrap.min.css" />

<link rel="stylesheet" href="static/login/css/camera.css" />

<link rel="stylesheet" href="static/login/bootstrap-responsive.min.css" />

<link rel="stylesheet" href="static/login/matrix-login.css" />

<link href="static/login/font-awesome.css" rel="stylesheet" />

<script type="text/javascript" src="static/js/jquery-1.5.1.min.js"></script>

</head>

<body>

    <div

        style="width: 100%; text-align: center; margin: 0 auto; position: absolute;">

        <div id="loginbox">

            <form action="" method="post" name="loginForm" id="loginForm">

                <div class="control-group normal_text"

                    style="text-align: center; margin-left: auto; margin-right: auto;">

                    <h3 style="width: 100%; height: 24px; font-family: 'Arial';">

                        <img width="45px" height="45px" src="static/login/logo.png" /> <span

                            style="padding-top: 20px;">ZTE | LAS</span>

                    </h3>

                </div>

                <div class="control-group">

                    <div class="controls">

                        <div class="main_input_box">

                            <span class="add-on bg_lg"> <i><img height="37"

                                    src="static/login/user.png" /></i>

                            </span><input type="text" name="loginname" id="loginname" value=""

                                placeholder="请输入用户名" />

                        </div>

                    </div>

                </div>

                <div class="control-group">

                    <div class="controls">

                        <div class="main_input_box">

                            <span class="add-on bg_ly"> <i><img height="37"

                                    src="static/login/suo.png" /></i>

                            </span><input type="password" name="password" id="password"

                                placeholder="请输入密码" value="" />

                        </div>

                    </div>

                </div>

                <div style="float: left; padding-left: 19%;">

                    <div style="float: left;">

                        <input name="form-field-checkbox" id="saveid" type="checkbox"

                            onclick="savePaw();" style="margin-top: 0px;" />

                    </div>

                    <div style="float: left; margin-top: 0px; margin-right: 2px;">

                        &nbsp;<font color="white">记住我的登录信息</font>

                    </div>

                </div>

                <div class="form-actions">

                    <div style="width: 87.5%; padding-left: 8%;">

                        <div style="float: left;">

                            <i><img src="static/login/yan.png" /></i>

                        </div>

                        <div style="float: left;" class="codediv">

                            <input type="text" name="code" id="code" class="login_code"

                                style="height: 16px; padding-top: 0px;" />

                        </div>

                        <div style="float: left;">

                            <i><img style="height: 22px;" id="codeImg" alt="点击更换"

                                title="点击更换" src="" /></i>

                        </div>

                        <span class="pull-right" style="padding-right: 0px;"><a

                            href="javascript:quxiao();" class="btn btn-success">取消</a></span> <span

                            class="pull-right"><a onclick="severCheck();"

                            class="flip-link btn btn-info" id="to-recover">登录</a></span>

                    </div>

                </div>

            </form>

            <div class="controls">

                <div class="main_input_box">

                    <font color="white"><span id="nameerr"

                        style="font-family: arial;">Copyright &copy; 2015-2016

                            网管测试部. All rights reserved.</span></font>

                </div>

            </div>

        </div>

    </div>

    <div id="templatemo_banner_slide" class="container_wapper">

        <div class="camera_wrap camera_emboss" id="camera_slide">

            <div data-src="static/login/images/banner_slide_01.jpg"></div>

            <div data-src="static/login/images/banner_slide_02.jpg"></div>

            <div data-src="static/login/images/banner_slide_03.jpg"></div>

        </div>

        <!-- #camera_wrap_3 -->

    </div>

    <script type="text/javascript">

        //服务器校验

        function severCheck() {

            if (check()) {

                var loginname = $("#loginname").val();

                var password = $("#password").val();

                var code = loginname + ",las," + password + ",las,"

                        + $("#code").val();

                $.ajax({

                    type : "POST",

                    url : 'login_login',

                    data : {

                        keyData : code,

                        tm : new Date().getTime()

                    },

                    dataType : 'json',

                    cache : false,

                    success : function(data) {

                        if ("success" == data.result) {

                            saveCookie();

                            window.location.href = "main/index";

                        } else if ("usererror" == data.result) {

                            $("#loginname").tips({

                                side : 1,

                                msg : "用户名或密码有误",

                                bg : '#FF5080',

                                time : 15

                            });

                            $("#loginname").focus();

                        } else if ("codeerror" == data.result) {

                            $("#code").tips({

                                side : 1,

                                msg : "验证码输入有误",

                                bg : '#FF5080',

                                time : 15

                            });

                            $("#code").focus();

                        } else {

                            $("#loginname").tips({

                                side : 1,

                                msg : "缺少参数",

                                bg : '#FF5080',

                                time : 15

                            });

                            $("#loginname").focus();

                        }

                    }

                });

            }

        }

        $(document).ready(function() {

            changeCode();

            $("#codeImg").bind("click", changeCode);

        });

        $(document).keyup(function(event) {

            if (event.keyCode == 13) {

                $("#to-recover").trigger("click");

            }

        });

        function genTimestamp() {

            var time = new Date();

            return time.getTime();

        }

        function changeCode() {

            $("#codeImg").attr("src", "code.do?t=" + genTimestamp());

        }

        //客户端校验

        function check() {

            if ($("#loginname").val() == "") {

                $("#loginname").tips({

                    side : 2,

                    msg : '用户名不得为空',

                    bg : '#AE81FF',

                    time : 3

                });

                $("#loginname").focus();

                return false;

            } else {

                $("#loginname").val(jQuery.trim($('#loginname').val()));

            }

            if ($("#password").val() == "") {

                $("#password").tips({

                    side : 2,

                    msg : '密码不得为空',

                    bg : '#AE81FF',

                    time : 3

                });

                $("#password").focus();

                return false;

            }

            if ($("#code").val() == "") {

                $("#code").tips({

                    side : 1,

                    msg : '验证码不得为空',

                    bg : '#AE81FF',

                    time : 3

                });

                $("#code").focus();

                return false;

            }

            $("#loginbox").tips({

                side : 1,

                msg : '正在登录 , 请稍后 ...',

                bg : '#68B500',

                time : 10

            });

            return true;

        }

        function savePaw() {

            if (!$("#saveid").attr("checked")) {

                $.cookie('loginname', '', {

                    expires : -1

                });

                $.cookie('password', '', {

                    expires : -1

                });

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

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

            }

        }

        function saveCookie() {

            if ($("#saveid").attr("checked")) {

                $.cookie('loginname', $("#loginname").val(), {

                    expires : 7

                });

                $.cookie('password', $("#password").val(), {

                    expires : 7

                });

            }

        }

        function quxiao() {

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

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

        }

        jQuery(function() {

            var loginname = $.cookie('loginname');

            var password = $.cookie('password');

            if (typeof (loginname) != "undefined"

                    && typeof (password) != "undefined") {

                $("#loginname").val(loginname);

                $("#password").val(password);

                $("#saveid").attr("checked", true);

                $("#code").focus();

            }

        });

    </script>

    <script>

        //TOCMAT重启之后 点击左侧列表跳转登录首页

        if (window != top) {

            top.location.href = location.href;

        }

    </script>

    <script src="static/js/bootstrap.min.js"></script>

    <script src="static/js/jquery-1.7.2.js"></script>

    <script src="static/login/js/jquery.easing.1.3.js"></script>

    <script src="static/login/js/jquery.mobile.customized.min.js"></script>

    <script src="static/login/js/camera.min.js"></script>

    <script src="static/login/js/templatemo_script.js"></script>

    <script type="text/javascript" src="static/js/jquery.tips.js"></script>

    <script type="text/javascript" src="static/js/jquery.cookie.js"></script>

</body>

</html>

login.jsp的更多相关文章

  1. 关于理财和买房 http://shouce.jb51.net/phpcms/ https://www.bj.cmbchina.com/bjtransweb/wsgzd_employ/login.jsp

    对于绝大多数家境普通的年轻人来说,青年阶段无疑是一生中手头最紧的时候.原因很简单,这个阶段花钱最多,挣钱却最少.年轻人收入往往是硬性的低,开支却往往是硬性   的高.已经加班到晕头转向的小职员,很难再 ...

  2. 浅谈JSP中include指令与include动作标识的区别

    JSP中主要包含三大指令,分别是page,include,taglib.本篇主要提及include指令. include指令使用格式:<%@ include file="文件的绝对路径 ...

  3. 基于jsp+servlet图书管理系统之后台万能模板

    前奏: 刚开始接触博客园写博客,就是写写平时学的基础知识,慢慢发现大神写的博客思路很清晰,知识很丰富,非常又价值,反思自己写的,顿时感觉非常low,有相当长一段时间没有分享自己的知识.于是静下心来钻研 ...

  4. Jsp的九大对象，七大动作，三大指令

    jsp九大内置对象:1>out 向客户端输出数据,字节流.如out.print(" dgaweyr"); 2>request 接收客户端的http请求.String g ...

  5. 使用MongoDB和JSP实现一个简单的购物车系统

    目录 1 问题描述  2 解决方案  2.1  实现功能  2.2  最终运行效果图  2.3  系统功能框架示意图  2.4  有关MongoDB简介及系统环境配置  2.5  核心功能代码讲解  ...

  6. 使用Servlet和JSP实现一个简单的Web聊天室系统

    1 问题描述                                                利用Java EE相关技术实现一个简单的Web聊天室系统,具体要求如下. (1)编写一个登录 ...

  7. JSP复习整理（二）基本语法

    最基础的整理.. 一.语句声明 <%@ page language="java" contentType="text/html; charset=UTF-8&quo ...

  8. servlet jsp jdbc bootstrarp mvc分层模式实现的第一个项目

    登录注册界面 这是一个注册和登录的界面 用到了前端页面中自带的一点H5的标签和属性---巩固下 邮箱格式 :type="email"  不能为空:  required=" ...

  9. 初识Jsp，JavaBean,Servlet以及一个简单mvc模式的登录界面

    1:JSP JSP的基本语法:指令标识page,include,taglib;page指令标识常用的属性包含Language用来定义要使用的脚本语言:contentType定义JSP字符的编码和页面响 ...

随机推荐

  1. Ext.state.Manager.setProvider(new Ext.state.CookieProvider())

    Ext.state.Manager.setProvider(new Ext.state.CookieProvider()) 初始化Ext状态管理器,在Cookie中记录用户的操作状态,如果不启用,象刷 ...

  2. 一个自带简易数据集的模拟线性分类器matlab代码——实验训练

      %%%% Tutorial on the basic structure of using a planar decision boundary %%%% to divide a collecti ...

  3. mac securecrt无法记住密码的解决方法

    打开secureCRT,菜单preferences--general,找到mac options.然后去掉Use KeyChain选项,这样每次连接服务器后就会自动保存密码了.不同的版本可能这个选项的 ...

  4. FLume监控文件夹，将数据发送给Kafka以及HDFS的配置文件详解

    详细配置文件flume-conf.properties如下: ############################################ # producer config ###### ...

  5. MySQL命令行查询结果中文显示乱码

    数据库编码格式为utf8,表和字段也都是utf8,存进去的格式是utf-8 但是用命令行工具查询命令select * from 表名; 查询出来的中文是乱码 原因:MySQL客户端根本就不能以utf8 ...

  6. Android中intent如何传递自定义数据类型

    转载自:http://www.cnblogs.com/GoAhead/archive/2012/07/16/2593868.html 大家好,好久不见,今天要给大家讲一下Android中Intent中 ...

  7. Android UI-底部旋转菜单栏

    以前都是说每逢佳节倍思亲,现在的工作状态是每到周末倍亲切,年底真的是加班加的没完没了的,也没时间写博客,也没时间学习,周末闲来无事看到一个比较有意思的旋转菜单,没事自己实战了一下感觉还不错,代码倒是没 ...

  8. 倒计时 总结 Timer Handler CountDownTimer RxJava MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  9. 伪元素 :Before 和 :After的学习

    层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的.事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”. 你 ...

  10. Git Submodule使用完整教程

    Git Submodule功能刚刚开始学习可能觉得有点怪异,所以本教程把每一步的操作的命令和结果都用代码的形式展现给大家,以便更好的理解. 1.对于公共资源各种程序员的处理方式 每个公司的系统都会有一 ...