zx66
/
cb_admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!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">登录</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;
            }
        })
        $("#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>