<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="HouseManageSys.Web.Login" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>登录页面</title>
    <link href="/Themes/Styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="/Themes/Styles/login.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/FunctionJS.js" type="text/javascript"></script>
    <script type="text/javascript">
        //回车键
        document.onkeydown = function (e) {
            if (!e) e = window.event; //火狐中是 window.event
            if ((e.keyCode || e.which) == 13) {
                var obtnSearch = document.getElementById("Log_Submit")
                obtnSearch.blur(); //让另一个控件获得焦点就等于让文本输入框失去焦点
                obtnSearch.click();
            }
        }
        //初始化
        $(function () {
            $("#txtCode").bind('keyup', function () {
                if ($("#txtCode").val().length == 4) {
                    return CheckUserDataValid();
                }
            })
        })
        function LoginBtn() {
            var name = $("#txtUserName").val();
            var pwd = $("#txtUserPwd").val();
            var code = $("#txtCode").val();
            $("#errorMsg0").html("");
            $("#errorMsg1").html("");
            $("#errorMsg2").html("");
            if (name == "") {
                $("#txtUserName").focus();
                $("#errorMsg0").html("账户不能为空");
                return false;
            } else if (pwd == "") {
                $("#txtUserPwd").focus();
                $("#errorMsg1").html("密码不能为空");
                return false;
            } else if (code == "") {
                $("#txtCode").focus();
                $("#errorMsg2").html("验证码不能为空");
                return false;
            } else {
                return true;
            }
        }
        /**
        数据验证完整性
        **/
        function CheckUserDataValid() {
            if (!LoginBtn()) {
                return false;
            }
            else {
                CheckingLogin(1);
                var userName = $("#txtUserName").val();
                var userPwd = $("#txtUserPwd").val();
                var code = $("#txtCode").val();
                var parm = 'action=login&user_Account=' + escape(userName) + '&userPwd=' + escape(userPwd) + '&code=' + escape(code);
                getAjax('Login.ashx', parm, function (rs) {
                    rs = eval("(" + rs + ")");
                    if (parseInt(rs.State) == 0) {
                        $("#txtCode").focus();
                        $("#errorMsg2").html("验证码输入不正确");
                        CheckingLogin(0);
                        ToggleCode("Verify_codeImag", 'CheckNum.aspx?key=ValidUserLogin');
                        return false;
                    } else if (parseInt(rs.State) == 10) {
                        $("#txtUserName").focus();
                        $("#errorMsg0").html("账户或密码有错误");
                        CheckingLogin(0);
                        ToggleCode("Verify_codeImag", 'CheckNum.aspx?key=ValidUserLogin');
                        return false;
                    } else if (parseInt(rs.State) == 1) {
                        setInterval(Load, 1000);
                    } else {
                        CheckingLogin(0);
                        alert('服务器连接不上,联系管理员!');
                        window.location.href = window.location.href.replace('#', '');
                        return false;
                    }
                });
            }
        }
        //登陆加载
        function Load() {
            window.location.href = 'Default.aspx';
            return false;
        }
        //清空
        function resetInput() {
            $("#txtUserName").focus(); //默认焦点
            $("#txtUserName").val("");
            $("#txtUserPwd").val("");
        }
        function CheckingLogin(id) {
            if (id == 1) {
                $("#Log_Submit").attr("disabled", "disabled")
                $("#Log_Submit").attr("class", "signload");
                $(".load").show();
            } else {
                $("#Log_Submit").attr("disabled", "")
                $("#Log_Submit").attr("class", "sign");
                $(".load").hide();
            }
        }
    </script>
</head>
<body style="padding-top: 167px">
    <form id="form1" runat="server">
    <div class="boxLogin">
        <dl>
            <dd>
                <div class="s1">
                    账&nbsp;&nbsp;&nbsp;户:</div>
                <div class="s2">
                    <input type="text" id="txtUserName" value="admin" class="txt" style="width: 122px;" />
                    <span id="errorMsg0" class="errorMsg"></span>
                </div>
            </dd>
            <dd>
                <div class="s3">
                    密&nbsp;&nbsp;&nbsp;码:</div>
                <div class="s4">
                    <input type="password" onpaste="return false;" id="txtUserPwd" value="1" class="txt"
                        onpaste="return false;" style="width: 122px;" />&nbsp;<span id="errorMsg1" class="errorMsg"></span>
                </div>
            </dd>
            <dd>
                <div class="s5">
                    验证码:</div>
                <div class="s6">
                    <input type="text" id="txtCode" maxlength="4" class="txt" style="ime-mode: disabled;
                        width: 48px;" />
                    <img src="CheckNum.aspx?key=ValidUserLogin" id="Verify_codeImag" width="70" height="22"
                        alt="点击切换验证码" title="点击切换验证码" style="margin-top: 0px; vertical-align: top; cursor: pointer;"
                        onclick="ToggleCode(this.id, 'CheckNum.aspx?key=ValidUserLogin');return false;" />
                    <span id="errorMsg2" class="errorMsg"></span>
                </div>
            </dd>
            <dd>
                <div class="load">
                    <img src="../Themes/Images/Login/loading.gif" /></div>
            </dd>
        </dl>
        <div class="s8">
            <input id="Log_Submit" type="button" class="sign" onclick="return CheckUserDataValid();" />
        </div>
    </div>
    <div class="copyright">
        <p id="cp">
            最佳浏览环境:IE8.0~10.0或基于IE内核的浏览器,1280×800显示分辨率。
        </p>
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="HouseManageSys.Web.Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1">
        <title>房屋租赁管理系统</title>
        <link href="Css/default.css" rel="stylesheet" type="text/css" />
        <link href="js/themes/default/easyui.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="js/themes/icon.css" />
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
        <script src="menu.js?v=1.0" type="text/javascript"></script>
        <script type="text/javascript" src='js/XiuCai.index.js'> </script>
        <script type="text/javascript">
            //设置登录窗口
            function openPwd() {
                $('#w').window({
                    title: '修改密码',
                    width: 300,
                    modal: true,
                    shadow: true,
                    closed: true,
                    height: 160,
                    resizable: false
                });
            }
            //关闭登录窗口
            function closePwd() {
                $('#w').window('close');
            }
            //修改密码
            function serverLogin() {
                var $newpass = $('#txtNewPass');
                var $rePass = $('#txtRePass');            if ($newpass.val() == '') {
                    msgShow('系统提示', '请输入密码!', 'warning');
                    return false;
                }
                if ($rePass.val() == '') {
                    msgShow('系统提示', '请在一次输入密码!', 'warning');
                    return false;
                }            if ($newpass.val() != $rePass.val()) {
                    msgShow('系统提示', '两次密码不一至!请重新输入', 'warning');
                    return false;
                }            $.post('/Module/Users/ajax.ashx?newpass=' + $newpass.val() + "&op=updatepass", function (msg) {
                    msgShow('系统提示', '恭喜,密码修改成功,请退出重新登录!', 'info');
                    $newpass.val('');
                    $rePass.val('');
                    // close();
                })        }        $(function () {            openPwd();            $('#editpass').click(function () {
                    $('#w').window('open');
                });            $('#btnEp').click(function () {
                    serverLogin();
                })            $('#btnCancel').click(function () { closePwd(); })            $('#loginOut').click(function () {
                    $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function (r) {                    if (r) {
                            location.href = '/login.aspx';
                        }
                    });
                })
            });

        </script>
        <style type="text/css">
            .l-topmenu
            {
                margin: 0;
                padding: 0;
                height: 75px;
                background: #1F94C2 url('/images/index/topmenu.gif') repeat-x;
                border-bottom: 4px solid #016897;
                position: relative;
            }
            .l-topmenu-logo
            {
                width: 245px;
                height: 60px;
                overflow: hidden;
                position: absolute;
                left: 20px;
                top: 0px;
                background: url('/images/index/topmenu-logo2.gif') no-repeat;
            }
            .l-topmenu-welcome
            {
                position: absolute;
                height: 30px;
                left: 280px;
                bottom: 0px;
                color: #000000;
            }
            .l-topmenu-username
            {
                color: White;
                font-weight: bold;
            }
            .l-topmenu-items
            {
                position: absolute;
                height: 31px;
                right: 0px;
                bottom: 0px;
            }
            .l-footbar
            {
                height: 35px;
                background: url('/images/index/footbar.gif') repeat-x;
            }
        </style>
    </head>
    <body class="easyui-layout" style="overflow-y: hidden" fit="true" scroll="no">
        <noscript>
            <div style="position: absolute; z-index: 100000; height: 2046px; top: 0px; left: 0px;
                width: 100%; background: white; text-align: center;">
                <img src="images/noscript.gif" alt='抱歉,请开启脚本支持!' />
            </div>
        </noscript>
        <div id="loading-mask" style="position: absolute; top: 0px; left: 0px; width: 100%;
            height: 100%; background: #D2E0F2; z-index: 20000">
            <div id="pageloading" style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px;
                text-align: center; border: 2px solid #8DB2E3; width: 200px; height: 40px; font-size: 14px;
                padding: 10px; font-weight: bold; background: #fff; color: #15428B;">
                <img src="images/loading.gif" align="absmiddle" />
                正在加载中,请稍候...
            </div>
        </div>
        <div region="north" split="true" border="false" class="l-topmenu">
            <div class="l-topmenu-logo">
            </div>
            <div class="l-topmenu-welcome">
            </div>
            <div class="l-topmenu-items" style="margin-right: 5px">
                <span class="l-topmenu-username">
                    <%=this.CurrentUserInfo.UserName %>,</span>欢迎你 <a href="#" id="editpass">修改密码</a>
                <a href="#" id="loginOut">安全退出</a>
            </div>
        </div>
        <div region="south" split="true" class="l-footbar">
            <div class="footer">
                @www.baidu.com</div>
        </div>
        <div region="west" split="true" title="导航菜单" style="width: 180px;" id="west">
            <div id="nav">
                <!--  导航内容 -->
            </div>
        </div>
        <div id="mainPanle" region="center" style="background: #eee; overflow-y: hidden">
            <div id="tabs" class="easyui-tabs" fit="true" border="false">
                <div title="欢迎使用" style="padding: 0px; overflow: hidden;">
                    <iframe id="frame_content" src="Module/portal/portal.aspx" name="frame_content" frameborder="0" width="100%"
                        height="461" scrolling="no" onload="iFrameHeight()"></iframe>
                </div>
            </div>
        </div>
        <!--修改密码窗口-->
        <div id="w" class="easyui-window" title="修改密码" collapsible="false" minimizable="false"
            maximizable="false" icon="icon-save" style="width: 300px; height: 150px; padding: 5px;
            background: #fafafa;">
            <div class="easyui-layout" fit="true">
                <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
                    <table cellpadding="3">
                        <tr>
                            <td>
                                新密码:
                            </td>
                            <td>
                                <input id="txtNewPass" type="Password" class="txt01" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                确认密码:
                            </td>
                            <td>
                                <input id="txtRePass" type="Password" class="txt01" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
                    <a id="btnEp" class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)">确定</a>
                    <a id="btnCancel" class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)">
                        取消</a>
                </div>
            </div>
        </div>
        <div id="mm" class="easyui-menu" style="width: 150px;">
            <div id="tabupdate">
                刷新</div>
            <div class="menu-sep">
            </div>
            <div id="close">
                关闭</div>
            <div id="closeall">
                全部关闭</div>
            <div id="closeother">
                除此之外全部关闭</div>
            <div class="menu-sep">
            </div>
            <div id="closeright">
                当前页右侧全部关闭</div>
            <div id="closeleft">
                当前页左侧全部关闭</div>
            <div class="menu-sep">
            </div>
            <div id="exit">
                退出</div>
        </div>
        <script type="text/javascript">
            function iFrameHeight() {
                var hmain = document.getElementById("frame_content");
                var doc = (document.compatMode != "CSS1Compat") ? document.body : document.documentElement;
                hmain.style.height = (Math.max(doc.scrollHeight, doc.clientHeight) - 35) + 'px';
            }
        </script>
    </body>
    </html>这是首页代码