javascript - 有没有办法在 Django 中显示登录错误？

Question

我的网站有一个自定义登录页面。键入正确的帐户详细信息后，我可以登录到我的网站。但是，如果我输入了错误的帐户详细信息，它只会刷新页面，其中 username 和 password 的文本框为空。有什么方法可以将诸如 'Username or Password is wrong' 之类的内容显示为错误或消息？

在 login.html 中我有以下内容

{% if messages %}
{%for message in messages%}
<div class ="alert alert-success" role="alert">
{{message}}
</div>
{%endfor%}
{%endif%}

{% for field in form %}        
{% if field.errors %}        
{% for error in field.errors %}
<div class="alert alert-danger" role="alert">
 <div class="d-flex flex-row">
  <div class="align-middle pr-2">
   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                                class="bi bi-x-circle-fill" viewBox="0 0 16 16">
                                                <path
                                                    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
    </svg>
   </div>
  <div class="align-middle"><b>{{field.label}}</b> - {{error}}</div>
 </div>
</div>
{% endfor %}
{% endif %}
{% endfor %}

如果用户名或密码不正确，以下内容似乎不会执行任何操作。

Answer 1

尝试将其添加到您的模板中

{% if form.errors %}
    <p>username or password is wrong</p>
{% endif %}