django-bootstrap3如何获取在模板中工作的必需类和错误类

在我的登记表中，我有：

    class RegistrationForm(forms.Form):
        required_css_class = 'required'
        error_css_class='error'


        username = forms.RegexField(regex=r'^[\w.@+-]+$',
                                    max_length=30,
                                    label=_("Username"),
                                    error_messages={'invalid': _("This value may contain only letters, numbers and @/./+/-/_ characters.")})
        email = forms.EmailField(label=_("E-mail"))
        password1 = forms.CharField(widget=forms.PasswordInput,
                                    label=_("Password"))
        password2 = forms.CharField(widget=forms.PasswordInput,
                                    label=_("Password (again)"))

        first_name=forms.RegexField(regex=r'^[\w.@+-]+$',
                                    max_length=30,
                                    label=_("first name"),
                                    error_messages={'invalid': _("This value may contain only letters, numbers and @/./+/-/_ characters.")})
        last_name=forms.RegexField(regex=r'^[\w.@+-]+$',
                                    max_length=30,
                                    label=_("last name"),
                                    error_messages={'invalid': _("This value may contain only letters, numbers and @/./+/-/_ characters.")})

.................

在使用django-bootstrap3的模板中：

{% extends "registration/base.html" %}
{% load bootstrap3 %}
{% bootstrap_css %}
{% bootstrap_javascript %}

{# Display django.contrib.messages as Bootstrap alerts }
{% bootstrap_messages %}


{% block title %}Registration{% endblock %}

{% block content %}
<div class="container">
  <div class="row">
    <div class="col-sm-offset-2 col-sm-10">
      <h1>Sign up</h1>
      <p>Already registered?
        <a href="{% url 'django.contrib.auth.views.login' %}">Sign in here.</a></p>
    </div>
  </div>

  <form action="{% url 'registration_register' %}"
        method="post" role="form" class="form-horizontal">
    {% csrf_token %}
  <div class="form-group has-error">
    {% bootstrap_form form layout='horizontal' %}

    {% buttons %}
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-primary">
        {% bootstrap_icon "star" %} Sign Me Up!
      </button>
    </div>
   </div>
    {% endbuttons %}
  </form>

</div>
{% endblock %}

{%extends“registration/base.html”%}
{%loadbootstrap3%}
{%bootstrap_css%}
{%bootstrap_javascript%}
{#将django.contrib.messages显示为引导警报}
{%bootstrap_messages%}
{%block title%}注册{%endblock%}
{%block content%}
注册
已经注册了吗？

{%csrf_令牌%}
{%bootstrap_form layout='horizontal%}
{%buttons%}
{%bootstrap_图标“star”%}请为我注册！
{%endbuttons%}
{%endblock%}

我正在附上

注册表的快照

： 我想解决三件事： 1.

必填字段没有
*
。虽然我在
表单中有
required\u css\u class='required'
，但它还是缺少了

所有
字段
最初都用红色框起来（表示错误）。只有当
表单字段中出现错误时，该框才会亮起红色

使用
标签属性

您已将表单包装在
表单组有错误
类表单中，然后您的字段始终呈现为有错误的字段。您可以安全地删除此div标记，因为bootstrap\u form标记会自动在字段周围添加一个
表单组
类div

<form action="{% url 'registration_register' %}"
        method="post" role="form" class="form-horizontal">
    {% csrf_token %}
    {% bootstrap_form form layout='horizontal' %}
    {% buttons %}
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary">
                {% bootstrap_icon "star" %} Sign Me Up!
            </button>
        </div>
    {% endbuttons %}
</form>

我还从您的
注册表中删除了该行

error_css_class = 'error'

我已经将表单的最后两个字段设置为可选字段，只是为了测试给出的代码

在下面的图片中，显示了所显示代码的结果

您已将表单包装在
表单组有错误
类表单中，然后您的字段始终呈现为有错误的字段。您可以安全地删除此div标记，因为bootstrap\u form标记会自动在字段周围添加一个
表单组
类div

<form action="{% url 'registration_register' %}"
        method="post" role="form" class="form-horizontal">
    {% csrf_token %}
    {% bootstrap_form form layout='horizontal' %}
    {% buttons %}
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary">
                {% bootstrap_icon "star" %} Sign Me Up!
            </button>
        </div>
    {% endbuttons %}
</form>

我还从您的
注册表中删除了该行

error_css_class = 'error'

我已经将表单的最后两个字段设置为可选字段，只是为了测试给出的代码

在下面的图片中，显示了所显示代码的结果

您已将表单包装在
表单组有错误
类表单中，然后您的字段始终呈现为有错误的字段。您可以安全地删除此div标记，因为bootstrap\u form标记会自动在字段周围添加一个
表单组
类div

<form action="{% url 'registration_register' %}"
        method="post" role="form" class="form-horizontal">
    {% csrf_token %}
    {% bootstrap_form form layout='horizontal' %}
    {% buttons %}
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary">
                {% bootstrap_icon "star" %} Sign Me Up!
            </button>
        </div>
    {% endbuttons %}
</form>

我还从您的
注册表中删除了该行

error_css_class = 'error'

我已经将表单的最后两个字段设置为可选字段，只是为了测试给出的代码

在下面的图片中，显示了所显示代码的结果

您已将表单包装在
表单组有错误
类表单中，然后您的字段始终呈现为有错误的字段。您可以安全地删除此div标记，因为bootstrap\u form标记会自动在字段周围添加一个
表单组
类div

<form action="{% url 'registration_register' %}"
        method="post" role="form" class="form-horizontal">
    {% csrf_token %}
    {% bootstrap_form form layout='horizontal' %}
    {% buttons %}
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary">
                {% bootstrap_icon "star" %} Sign Me Up!
            </button>
        </div>
    {% endbuttons %}
</form>

我还从您的
注册表中删除了该行

error_css_class = 'error'

我已经将表单的最后两个字段设置为可选字段，只是为了测试给出的代码

在下面的图片中，显示了所显示代码的结果