login.html 6.12 KB
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>登录页 - 美得得.万信达手店</title>
    <include file="public/topmeta"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/bootstrap.min.css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/sigup.css" media="screen"/>
    <script type="text/javascript" src="__STATIC__/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/static/js/layer/layer.js"></script>
    <script type="text/javascript" src="__STATIC__/js/com.js"></script>

</head>
<body style="background-color: #efefef">


<div style="background-color: #df253d">
    <Div style="background-color: white;border-bottom: 1px solid #e5e5e5;">
    <div class="container">
    <div id="header">
        <div>
            <a href="/" class="js-route">
                <div class="header-logo"></div> </a>
            <div class="header-title">
                用户登录
            </div>
        </div>
    </div>
    </div>
    </Div>

    <div style="background: url('__STATIC__/images/index/dl_bg.jpg') no-repeat center; background-color: #4274e2">
        <div class="container" >
        <div>

            <div class="clearfix"  style="">

                <div style="float: left;">
                    <Div style="width: 762px;height:595px;">&nbsp;</Div>
                    <!--<img src="__STATIC__/images/index/loginimg1.jpg">-->
                </div>
                <div style="float: left; ">
                    <div class="content js-content loginright">
                        <h3>登录商家后台</h3>
                        <!--第一步-->
                        <form novalidate="" class="form-horizontal" style="" id="loginform" onkeydown="strdown1(event,this,'btnlogin')">
                            <!-- 禁止chrome自动填写 -->
                            <div class="control-group-container">
                                <div class="control-group ">
                                    <label class="control-label">登录账号</label>
                                    <div class="controls user-id multi">

                                        <input type="text" class="js-mobile css-mobile" name="mobile" id="mobile" tabindex="1" placeholder="用户名@注册手机/账套" maxlength="30" autocomplete="off" value="{$cookie_loginuser}" />
                                    </div>
                                </div>
                                <div class="err-msg"></div>
                            </div>


                            <div class="control-group-container">
                                <div class="control-group">
                                    <label class="control-label">登录密码</label>
                                    <div class="controls" style="position: relative;">
                                        <input class="js-password-focus" tabindex="4" type="password" name="password" id="password"  placeholder="请输入密码" maxlength="20" autocomplete="off" />
                                        <span class="icon-switch-password icon-password-hide js-switch-password-display hide"></span>

                                    </div>
                                </div>
                                <div class="err-msg"></div>
                            </div>
                            <div>

                                <div  style="float: left"><input type="checkbox" name="autologin" id="autologin"> <label  for="autologin" style="display: inline">记住账号</label></div>
                                <div style="float: right"><a href="/home/index/reset_password.html" >忘记密码</a></div>

                            </div>

                            <div class="control-group">
                                <button type="button" tabindex="5" class="btn btn-block btn-large btn-primary btn-signup js-btn-signup" data-loading-text="登录" id="btnlogin">登录</button>
                            </div>
                            <div class="control-group">
                                <div class="controls" style="text-align: right">
                                    还没有账号,马上<a class="" href="/home/index/register.html" >免费注册</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    </div>
</div>





    <include file="public/footer"/>
</body>
</html>
<script>



    $(".storetype li").click(function(){
        $(".storetype li").each(function(){
            $(this).removeClass('active');
        });
        $(this).addClass('active');
    });

    $("#btnlogin").click(function () {
        if ($("#mobile").val()=="")
        {
            layer.msg('登录账户不能为空', {icon: 0, time: 1000});
            $("#mobile").focus();
            return false;
        }
        if ($("#password").val()=="")
        {
            layer.msg('请输入登录密码', {icon: 0, time: 1000});
            $("#password").focus();
            return false;
        }
        var ai = layer.msg('提交中...', {icon: 16, shade: [0.5, '#f5f5f5'], scrollbar: false, offset: '200px', time: 0});
        if ( $("#btnlogin").html()!="登录"){
            layer.msg('正在提交中...', {icon: 0, time: 1000});
        }
        $("#btnlogin").html("提交中...");
        $.ajax({
            type: "POST",
            url: "{:U('Index/sumbitlogin')}",
            data: $('#loginform').serialize(),// 你的formid
            error: function () {
                $("#btnlogin").html("登录");
                layer.close(ai);
                layer.msg('服务器繁忙, 请联系管理员', {icon: 0, time: 1000});

            },
            success: function (data) {

                layer.close(ai);
                if (data.code == 1) {
                  location.href="/admin/index/get_post/?url="+data.link;
                }
                else {
                    $("#btnlogin").html("登录");
                    layer.msg(data.msg, {icon: 0, time: 1000});
                }
            }
        });

    })

</script>