<%@ 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. 使用开源库 MBProgressHUD 等待指示器

    source https://github.com/jdg/MBProgressHUD MBProgressHUD is an iOS drop-in class that displays a tr ...

  2. Facebook 工程师是如何高效工作的？

    编者按:Facebook 的工程师有哪些高效工作的经验呢?软件工程师访谈了多位 Facebook 的高产工程师,总结了他们的共同经验以及晋级之路,供各位参考. 成为高效开发者这件事你可以通过经验.书本 ...

  3. 【BZOJ】【4052】【CERC2013】Magical GCD

    DP/GCD 然而蒟蒻并不会做…… Orz @lct1999神犇 首先我们肯定是要枚举下端点的……嗯就枚举右端点吧…… 那么对于不同的GCD,对应的左端点最多有log(a[i])个:因为每次gcd缩小 ...

  4. Miscellaneos：版本控制、SVN、VSS

    ylbtech-Miscellaneos:版本控制.SVN.VSS 版本控制.SVN.VSS 1.A,版本控制返回顶部 1, 版本控制(Revision control)是一种软体工程技巧,籍以在开发 ...

  5. mahout源码KMeansDriver分析之四

    昨天说到为什么Configuration没有设置conf.set("mapred.job.tracker","hadoop:9000")仍然可以访问hdfs文件 ...

  6. iOS开发-UITableView表格优化

    之前的一篇文章大概讲述了一下UITableView的使用,UITableView在iOS的地位和ListView在Android中的地位基本上算是不相上下,关于ListView的优化网上的也有很多文章 ...

  7. Combinations leetcode java

    题目: Given two integers n and k, return all possible combinations of k numbers out of 1 ... n. For ex ...

  8. CF 463D Gargari and Permutations [dp]

    给出一个长为n的数列的k个排列(1 ≤ n ≤ 1000; 2 ≤ k ≤ 5).求这个k个数列的最长公共子序列的长度 dp[i]=max{dp[j]+1,where j<i 且j,i相应的字符 ...

  9. 以太网帧、IP报文格式

    这几天完成一个对比以太网帧的程序(c语言),老师给了以太网帧头部和IP报文头部的结构体,跟实际抓取到的数据包的格式是相同的. 以太网帧头部的数据结构: typedef struct { unsigne ...

  10. idea 设置代码的颜色