<%@ 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;"> <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 οnclick="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 © 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>