<%@ 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. Spring3.2.3+Quartz2.2.1 整合配置

    步骤: 1.下载相关包 quartz-2.2.1.jar quartz-jobs-2.2.1.jar spring相关jar包 2.编写配置文件静态 <bean id="activat ...

  2. coco游戏android.mk

    LOCAL_PATH := $(call my-dir) include $(CLEAR_VARS) LOCAL_MODULE := game_shared LOCAL_MODULE_FILENAME ...

  3. Asp.Net中自以为是的Encode

    Asp.Net 引擎可能是不错,但是它把程序员想的太笨,会自以为是做很多自动的 Encode 和 Decode,以下文举例: 如果客户端我们 post 了如下的数据, 但是你实际得到的是: 也就是说, ...

  4. Objective-C:NSMutableString类的常见操作

    NSMutableString可变字符串的主要的操作是创建.增加.删除.插入.替换 代码操作如下: // // main.m // 03-NSMutableString // // Created b ...

  5. OpenCV学习(40) 人脸识别(4)

    在人脸识别模式类中,还实现了一种基于LBP直方图的人脸识别方法.LBP图的原理参照:http://www.cnblogs.com/mikewolf2002/p/3438698.html       在 ...

  6. Android实现仿qq侧边栏效果

    最近从github上看到一个关于侧边栏的项目,模仿的是qq侧边栏. Github地址是https://github.com/SpecialCyCi/AndroidResideMenu ,这个项目是一个 ...

  7. Oracle Agile PLM Web Services 的实现

    Oracle 的产品Agile PLM内置了许多Web Services,其他系统可以通过Web Servcies实现对Agile PLM系统资源的访问.快速学会使用的方法,是去Oracle的官网下载 ...

  8. .NET/Mysql-petatoco连接mysql数据库

    安装mysql数据库 用nugget添加.net连接mysql数据库的组件

  9. SharpDevelop 版本信息

    mscorlib,4.0.0.0,C:\Windows\Microsoft.NET\Framework\v4.0.30319\mscorlib.dll SharpDevelop,5.1.0.4936, ...

  10. 给MySQL中某表增加一个新字段，设为主键值为自动增长。

    alter table test_tb  add ID int(10) primary key AUTO_INCREMENT; 设定完成后,原有记录的该字段会增加并自动设上值.以后的值会在已有记录的最 ...