W jaki sposób należy poprawić błędy sprawdzania poprawności Django za pomocą Bootstrap?

Question

Gdy formularz w Django ma błędy sprawdzania poprawności, błędy są podane na liście z klasą errorlist.

Elementom można nadać styl błędu za pomocą opcji Bootstrap, ustawiając class="alert alert-error".

Jaki jest najlepszy sposób ich łączenia i użycie stylu błędu Bootstrap do sprawdzania poprawności błędów w formularzach Django?

Answer 1

Na Twitterze Bootstrap elementy wejściowe są zamknięte między "control-group"div lub fieldset. Więc chciałbym zrobić coś takiego w szablonie

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

Uwaga: W bootstrap, class="alert alert-error" wydaje się być dla komunikatów alarmowych, a nie do konkretnych błędów polowych.

Answer 2

Jest już stylizowany! :)

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

Biblioteki te działają jak owinięcie wokół swojej formie i dodaje odpowiednie nazwy klas, które są używane w Django Bootstrap takie, że masz styl bazowy (domyślnie bootstrap) po wyjęciu z pudełka

Answer 3

W Bootstrap 3 elementy wejściowe są zawarte między elementami div typu "form-group", a klasa błędów zmieniła się na "błąd-błąd".

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