<%@ 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. 【spring cloud】在spring cloud服务中，打包ms-core失败，报错Failed to execute goal org.springframework.boot:spring-boot-maven-plugin:2.0.4.RELEASE:repackage (default) on project

    在spring cloud服务中,有一个ms-code项目,只为所有的微服务提供核心依赖和工具类,没有业务意义,作为核心依赖使用.所以没有main方法,没有启动类. 在spring cloud整体打包 ...

  2. java.lang.UnsatisfiedLinkError：no dll in java.library.path终极解决之道

     Java调用Dll时,会出现no dll in java.library.path异常,在Java Project中不常见,因为只要将Dll拷贝到system32目录下即可:         但若是 ...

  3. 关于JAVA多线程并发synchronized的测试与合理使用

    在项目开发中, 或许会碰到JAVA的多线程处理, 为保证业务数据的正常, 必须加上锁机制,  常用的处理方法一般是加上synchronized关键字, 目前JDK版本对synchronized已经做了 ...

  4. Apache PHP Mysql 开发环境快速配置

    学习PHP开发要配置各种环境,一般会用到apache作为服务器.Mysql数据库.如何快速的配置环境成为困扰大家的烦恼,之前自己也配过,比较繁琐. 最新发现一款集成安装软件“phpStudy”.真可谓 ...

  5. go语言基础之指针做函数参数

    1.指针做函数参数 示例: package main //必须有个main包 import "fmt" func swap(a, b int) { a, b = b, a fmt. ...

  6. 2013年度最新最佳CSS网页设计实例

    CSS在网页设计中扮演着举足轻重的角色,尤其是CSS3和HTML5的出现,让我们更加相信CSS能给我们带来无限的遐想和强有力的视觉冲击.今天我要给大家推荐几个最新CSS佳作,虽然本人没有设计头脑,但还 ...

  7. Aliasing input/output properties

    angular @input alias别名的使用. https://angular.io/guide/template-syntax#aliasing-io https://stackoverflo ...

  8. CommonCode升级：把不常用的Sqlite独立出去

    CommonCode大概一年多没有更新了,今天碰到一件闹心的事情,结果用一行代码解决了京东购物车信息提取工具.一不小心,把一贯以来的一个念头又给惹起来了:就是把程序做成又给独立的exe,不要这么多dl ...

  9. easyui combobox实现本地模糊查询

    直接上代码 $("#combobox1").combobox({ valueField : "value", textField : "text&qu ...

  10. C#.NET常见问题(FAQ)-想要另存一个项目，sln文件丢了怎么办，如何打开高版本的项目

    如下图所示,我想要另存一个工程,把 V4.4整个的项目另存为V4.5,我可以把解决方案文件(.sln)改名字,但是我没法把文件夹改名字,改了打开sln就说找不到.   很简单的一个思路是反正sln是多 ...