login.jsp

最新推荐文章于 2023-06-14 10:11:40 发布
aibiba0894
最新推荐文章于 2023-06-14 10:11:40 发布
阅读量323
点赞数
文章标签： javascript java ViewUI
原文链接：http://www.cnblogs.com/onetwo/p/5654128.html
版权
<%@ 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 ο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 &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>
转载于:https://www.cnblogs.com/onetwo/p/5654128.html
aibiba0894
关注
0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
login.jsp

<%@ 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 ...
复制链接

扫一扫
login.jsp

“相关推荐”对你有帮助么？
