zx66
/
cb_admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>后台登录</title>
    <link rel="stylesheet" href="../js/layer/theme/default/layer.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <!--[if lt IE 9]>
        <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
        <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="wrapper">
        <div class="inner">
            <div class="logo"><img src="../img/logo.png" alt=""></div>
            <div class="form-box">
                <div class="form-item">
                    <i class="iconfont icon-iconzh1"></i>
                    <input type="text" class="form-input" name="username" id="username" placeholder="请输入用户名">
                </div>
                <div class="form-item">
                    <i class="iconfont icon-mimacopy"></i>
                    <input type="password" class="form-input" name="pwd" id="pwd" placeholder="请输入密码">
                </div>
                <div class="form-item code-item">
                    <i class="iconfont icon-yanzhengma"></i>
                    <input type="text" class="form-input"  name="code" id="code" placeholder="验证码">
                    <img class="img-code" onclick="changePic()" id="img-code" src="http://htt.55128.cn/Util/VerifyCode?0.49822945461860857" alt="">
                </div>
                <div class="form-button">
                    <button id="btn" onclick="submitForm()">登录</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery.js"></script>
    <script src="../js/layer/layer.js"></script>
    <script type="text/javascript">
        function changePic() {
            $("#img-code").attr("src", "api?time=" + (new Date()).getTime());
        }
        $("#pwd").focus(function() {
            var username = $("#username").val();
            if(username == '') {
                layer.tips('请先输入用户名',$("#username"));
                return;
            }
        })
        $("#code").focus(function() {
            var username = $("#username").val();
            var pwd = $("#pwd").val();
            if(username == '') {
                layer.tips('请先输入用户名',$("#username"));
                return;
            }
            if(pwd == '') {
                layer.tips('请先输入密码',$("#pwd"));
                return;
            }
        })
        function submitForm() {
            var username = $.trim($("#username").val());
            var pwd = $.trim($("#pwd").val());
            var code = $.trim($("#code").val());
            var uregs = /^[a-zA-Z0-9]{4,12}$/
            var pregs = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/;
            if(!uregs.test(username) || username == ''){
                layer.tips('请输入正确的用户名格式',$("#username"));
                $("#username").focus();
                return;
            }
            if(!pregs.test(pwd) || pwd == ''){
                layer.tips('请输入正确的密码格式',$("#pwd"));
                $("#pwd").focus();
                return;
            }
            if(code == '') {
                layer.tips('请输入验证码',$("#code"));
                $("#code").focus();
                return;
            }
            if(code.length != 4) {
                layer.tips('请输入合法的验证码',$("#code"));
                $("#code").focus();
                return;
            }
            $.ajax({
                type:'post',
                url:'/Login/CheckLogin',
                dataType:'json',
                data: { 'username': username, 'password': pwd,'verifycode':code},
                success:function(res) {
                    if (res.code == 0) {
                        window.location.href = '/Login/Index';
                    } else {
                        layer.msg("登录失败", { icon: 5 });
                        changePic();
                        $("#code").val("");
                    }
                },
                error:function() {
                    layer.msg("登录失败", { icon: 6 });
                    changePic();
                    $("#code").val("");
                }
            })
        }

        $(function() {
            document.onkeydown = function (e) { // 回车提交表单
                var theEvent = window.event || e;
                var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
                if (code == 13) {
                    submitForm();
                }
            }
        })

        // $("#btn").on("click",function() {
        //     var username = $.trim($("#username").val());
        //     var pwd = $.trim($("#pwd").val());
        //     var code = $.trim($("#code").val());
        //     var uregs = /^[a-zA-Z0-9]{4,12}$/
        //     var pregs = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/
        //     if(!uregs.test(username) || username == ''){
        //         layer.tips('请输入正确的用户名格式',$("#username"));
        //         $("#username").focus();
        //         return;
        //     }
        //     if(!pregs.test(pwd) || pwd == ''){
        //         layer.tips('请输入正确的密码格式',$("#pwd"));
        //         $("#pwd").focus();
        //         return;
        //     }
        //     if(code == '') {
        //         layer.tips('请输入验证码',$("#code"));
        //         $("#code").focus();
        //         return;
        //     }
        //     if(code.length != 4) {
        //         layer.tips('请输入合法的验证码',$("#code"));
        //         $("#code").focus();
        //         return;
        //     }
        //     $.ajax({
        //         type:'post',
        //         url:'',
        //         dataType:'json',
        //         data:{'username':username,'pwd':pwd,'code':code},
        //         success:function(res) {
        //             if(res.code == 0) {
        //                 window.location.href = './index.html'
        //             }
        //         }
        //     })
        // })
    </script>
</body>
</html>