Tôi nên tạo kiểu lỗi xác thực Django với Bootstrap như thế nào?

Question

Khi một hình thức trong Django có lỗi xác nhận, các lỗi được đưa ra trong một danh sách với lớp errorlist.

Các phần tử có thể được cung cấp kiểu lỗi với Bootstrap bằng cách đặt class="alert alert-error".

Cách tốt nhất để kết hợp những điều này là gì và sử dụng kiểu lỗi Bootstrap để xác thực lỗi trên biểu mẫu Django?

Answer 1

Trong Twitter Bootstrap, các yếu tố đầu vào được đính kèm giữa "control-group"div hoặc fieldset. Vì vậy, tôi sẽ làm một cái gì đó như thế này trong mẫu

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

Lưu ý: Trong bootstrap, class="alert alert-error" có vẻ là cho các tin nhắn cảnh báo và không cho các lỗi lĩnh vực cụ thể.

Answer 2

Nó đã được tạo kiểu! :)

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

Những thư viện đóng vai trò như một wrapper xung quanh hình thức của bạn và thêm tên lớp có liên quan được sử dụng trong Django Bootstrap như vậy mà bạn có một phong cách cơ sở (bootstrap mặc định) ra khỏi hộp

Answer 3

Trong Bootstrap 3, các phần tử đầu vào được đính kèm giữa các div "nhóm biểu mẫu" và lớp lỗi đã thay đổi thành lỗi có.

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