<%@ 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. 7. python 字符串格式化方法（2）

    7. python 字符串格式化方法(2) 紧接着上一章节,这一章节我们聊聊怎样添加具体格式化 就是指定替换字段的大小.对齐方式和特定的类型编码,结构如下: {fieldname!conversion ...

  2. P值(P-value)，“差异具有显著性”和“具有显著差异”

    郑冰刚提到P值,说P值的定义(着重号是笔者加的,英文是从WikiPedia摘来的): P值就是当原假设为真时,比所得到的样本观察结果更极端的结果出现的概率. The P-value is the pr ...

  3. 【BZOJ】【1072】【SCOI2007】排列perm

    暴力 ……傻逼题我还WA了这么多次(有几次是忘了删调试信息……sigh) 直接统计0~9各有多少个,枚举数字就行了……因为是直接枚举的数字,而不是枚举用了s中的哪一位,所以是不用去重的!(我一开始写的 ...

  4. C语言:将结构体数组的成绩按照从小到大进行排序。

    #include<stdio.h> typedef struct student { char *name; int sno; int age; float score; }Student ...

  5. IDEA热部署基于maven的web项目

    第一步:首先先创建web项目 按照向导一步一步完成项目创建,我创建的示例项目为hotdeploddemo     第二步:设置项目的web资源         下图中的路径要修改正确,指向src/ma ...

  6. android 时间控件概述

    android的自带时间选择控件,是一个让用户既能输入的又能选择的样子.这本来没有太大的问题了. 但是,坑爹的android是开源的.自带的时间控件在某些机型上,早已经是面目全非了,在用以一个普通用户 ...

  7. Android -- ImageLoader本地缓存

    传送门 <Android -- ImageLoader简析>  http://www.cnblogs.com/yydcdut/p/4008097.html 本地缓存 在缓存文件时对文件名称 ...

  8. Druid对比Elasticsearch

    我们不是Elasticsearch的专家, 如果描绘有误, 请通过邮件列表或者其他途径告知我们. Elasticsearch 是基于Apache Lucene搜索服务器.  提供了对无模式文档的全文检 ...

  9. C# GDI+技术

    C# GDI+技术 GDI+概述         GDI+是GDI(即Windows早期版本号中附带的Graphics Device Interface)的后继者.它是一种构成Windows XP操作 ...

  10. SpringMVC -jquery实现分页

    效果图: 关键类的代码: package:utils: SpringUtil.java 通过jdbcTemplate连接oracle数据库 package com.utils; import org. ...