¿Cómo debo diseñar los errores de validación de Django con Bootstrap?

Question

Cuando un formulario en Django tiene errores de validación, los errores se dan en una lista con la clase errorlist.

Los elementos pueden recibir un estilo de error con Bootstrap al establecer class="alert alert-error".

¿Cuál es la mejor manera de combinar esto y usar el estilo de error de Bootstrap para los errores de validación en los formularios de Django?

Answer 1

En Twitter Bootstrap, los elementos de entrada están encerrados entre "control-group"div o fieldset. Así que me gustaría hacer algo como esto en la plantilla

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

Nota: En arranque, class="alert alert-error" parece ser para los mensajes de alerta y no para errores específicos de campo.

Answer 2

¡Ya se ha diseñado! :)

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

Estas bibliotecas actúan como una envoltura alrededor de su forma y añade los nombres de las clases relevantes que se utilizan en Django Bootstrap de tal manera que usted tiene un estilo de base (por defecto de arranque) fuera de la caja

Answer 3

En Bootstrap 3, los elementos de entrada están encerrados entre divs "form-group" y la clase de error ha cambiado a has-error.

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