我应该如何使用Bootstrap设置Django验证错误的样式？

Question

当Django中的表单存在验证错误时，错误将在类errorlist的列表中给出。

通过设置class="alert alert-error"。

，可以使用Bootstrap为元素指定错误样式

组合这些的最佳方法是什么，并在Django表单上使用Bootstrap的错误样式进行验证错误？

Answer 1

在Twitter Bootstrap中，输入元素包含在"control-group" div或fieldset之间。所以我会在模板中做这样的事情

{%for field in form %}
<div class="control-group {%if field.errors %}error{%endif%}">
{# render your field #}
</div>
{% endfor %}

注意：在引导程序中，class="alert alert-error"似乎用于警报消息，而不是用于特定于字段的错误。

Answer 2

在Bootstrap 3中，输入元素包含在“form-group”div之间，错误类已更改为has-error。

{%for field in form %}
  <div class="form-group {%if field.errors %}has-error{%endif%}">
    {# render your field #}
  </div>
{% endfor %}

Answer 3

它已经被设计了！ ：）

• https://github.com/maraujop/django-crispy-forms/
• https://github.com/earle/django-bootstrap

这些库充当表单的包装器，并添加Django Bootstrap中使用的相关类名，使您具有开箱即用的基本样式（bootstrap默认值）

Answer 4

Bootstrap 4 Django解决方案

如果words = [] word = input('Word: ') while word: words.append(word) word = input('Word: ') #Word input print(' '.join(words)) first_letters = ''.join([word[0] for word in words]) new=first_letters.upper() print("-- " + new) 在您的回复中返回了验证信息，这将对您有用：

此示例适用于<form class="was-validated>"，但是通过更改admin/change_form.html

可以很容易地将其转换为表单

此功能不适用于adminform.form

等多窗口小部件

删除DateSelectorWidget

class="was-validated"

此方法适用于{% if adminform.form.errors %} {# Delete this if you always want active validations #} <script type="text/javascript"> {% for field in adminform.form %} var field_input = document.getElementById("{{ field.auto_id }}"); if (field_input) { field_input.classList.add("is-{% if field.errors %}in{% endif %}valid"); } {% endfor %} </script> {% endif %} 之类的Multi小部件，但是如果其中一个字段称为DateSelectorWidget而另一个字段称为start ，则可能会带来问题。 赞赏改进

start_time