如何在Django的登录和注册表单中添加错误消息

Question

我正在用Django创建一个网站。我想在登录和注册表单中添加一条错误消息，因此，如果我单击“登录/注册”按钮，某些字段填写错误，或者用户名已在使用，则每个表单字段下方都会显示一条消息。我已经尝试过form.errors，但是我不能用CSS来设置样式，也不能编辑当我填错某个字段时显示的文本

这是我的login.html模板：

{% extends 'base.html' %}
{% load static %}

{% block content %}
    <link rel="stylesheet" type="text/css" href="{% static "/css/login.css" %}">
    <div class="square-form">
        <form method="post" class="form-group">
            {% csrf_token %}
            <div class="username">
                <p class="username-p">Uživatelské jméno:</p>
                <div>{{ form.username }}</div>
            </div>
            <div class="password">
                <p class="password-p">Heslo:</p>
                <div>{{ form.password }}</div>
            </div>
            <p class="havent-account">Nemáte ještě účet? Vytvořte si ho zdarma <a href="/register">zde</a></p>
            <button type="submit" class="btn-btn-succes">Přihlásit se</button>
        </form>
    </div>

{% endblock %}

这是我的register.html模板：

{% extends "base.html" %}
{% load static %}

{% block content %}
    <link rel="stylesheet" type="text/css" href="{% static "/css/register.css" %}">
    <div class="square-form">
        <form method="POST" class="form-group">
            {% csrf_token %}
            <div class="username">
                <p class="username-p">Uživatelské jméno*:</p>
                <div>{{ form.username }}</div>
            </div>
            <div class="email">
                <p class="email-p">Email*:</p>
                <div>{{ form.email }}</div>
            </div>
            <div class="password1">
                <p class="password1-p">Heslo*:</p>
                <div>{{ form.password1 }}</div>
                <p class="password1-helptext">*Musí mít nejméně 8 znaků, nesmí být jen z čísel</p>
            </div>
            <div class="password2">
                <p class="password2-p">Heslo znovu*:</p>
                <div>{{ form.password2 }}</div>
            </div>
            <p class="have-account">Máte již účet? Přihlaste se <a href="/login">zde</a></p>
            <button type="submit" class="btn-btn-succes">Zaregistrovat</button>
        </form>
    </div>
{% endblock %}