@{
    Layout = "~/Views/Shared/Login.cshtml";
}
<div id="container">
    <div></div>
    <div class="admin-login-background">
        <div class="admin-header">
            <span>SCADA</span>
        </div>
        <form class="layui-form" method="post" action="/Home/PostLogin">
            <div>
                <i class="layui-icon layui-icon-username admin-icon"></i>
                <input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input admin-input admin-input-username" value="admin">
            </div>
            <div>
                <i class="layui-icon layui-icon-password admin-icon"></i>
                <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input admin-input" value="123456">
            </div>
            <div>
                <input type="text" name="captcha" placeholder="请输入验证码" autocomplete="off" class="layui-input admin-input admin-input-verify" value="xszg">
                <img class="admin-captcha" width="90" height="30" src="../images/captcha.jpg">
            </div>
            <button class="layui-btn admin-button" lay-submit="" type="button" lay-filter="login">登 陆</button>
        </form>
    </div>
</div>
<script src="/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="/lib/jquery-3.4.1/jquery-3.4.1.min.js" type="text/javascript" ></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer;
            //ajax = layui.ajax;

        // 登录过期的时候，跳出ifram框架
        if (top.location != self.location) top.location = self.location;

        // 进行登录操作
        form.on('submit(login)', function (data) {
            data = data.field;
            if (data.username == '') {
                layer.msg('用户名不能为空');
                return false;
            }
            if (data.password == '') {
                layer.msg('密码不能为空');
                return false;
            }
            if (data.captcha == '') {
                layer.msg('验证码不能为空');
                return false;
            }

            $.ajax({
                async: true,
                url: '/Home/PostLogin',
                type: 'POST',
                data: data,
                dataType: 'json',
                timeout: 3000,
                success: successCallback,
                error: errorCallback,
                //complete: completeCallback,
                //statusCode: {
                //    404: handler404,
                //    500: handler500
                //}
            });
            return false;
        });

        function successCallback(data) { 
            if (data == 'ok') {
                layer.msg('登录成功');
            } else { 
                layer.msg('登录失败');
                return false;
            }
        window.location = '/Home/index';
        }
        function errorCallback() { 
            layer.msg('登录失败');
            return false;
        }

    });
</script>