Question

我的项目登录页面上有一个错误，当输入错误的passowrd时，背景图片会消失。

我认为这可能是因为页面的URL（如果输入了错误的密码，则会在URL中添加“？error = true”：“localhost：xxxx / login？error = true”）

但我不知道如何解决这个问题......

我使用spring，thymeleaf和html5，css3，js和boostrap

由于

我的css：

.newbackground{
    background: url('../img/bg_image1.jpg');

}

JS：

<script>

    var x = document.URL;

    var conditions = ["?error=true"];

    var test1 = conditions.some(el => x.includes(el));

    if(test1 == true){
    alert("Wrong Password!");
    }

    </script>

我的HTML是这样的：

<body class="newbackground">
<!-- [+] container -->
<div id="container">
    <div>
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Autenticação</h3>
                    </div>
                    <div class="panel-body">
                        <form th:action="@{/login}" method="post" role="form">
                            <fieldset>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Login" name="login"
                                        type="text" />
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Password" name="password"
                                        type="password" value="" />
                                </div>
                                <div class="form-group">
                                    <input class="form-group btn btn-lg btn-success btn-block"
                                        type="submit" value="Enter" />
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

错误密码后背景图像上的错误

0 个答案: