2012-07-04 10 views
6

Quando un modulo in Django presenta errori di convalida, gli errori vengono riportati in un elenco con la classe errorlist.In che modo è possibile applicare gli errori di convalida Django con Bootstrap?

Gli elementi possono avere uno stile di errore con Bootstrap impostando class="alert alert-error".

Qual è il modo migliore per combinarli e utilizzare lo stile di errore di Bootstrap per gli errori di convalida sui moduli Django?

risposta

7

In Twitter Bootstrap, gli elementi di input sono compresi tra "control-group"div o fieldset. Quindi vorrei fare qualcosa di simile nel modello

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

Nota: In bootstrap, class="alert alert-error" sembra essere per i messaggi di avviso e non per errori specifici di campo.

+3

Solo un breve commento: con Bootstrap 3 è necessario "has-error" anziché "error" come classe. – Alexandra

+0

anche con Bootstrap 3 il suo gruppo di controllo non gruppo di controllo. Vedi sotto. – AdamG

4

In Bootstrap 3, gli elementi di input sono racchiusi tra div "form-group" e la classe di errore è stata modificata in ha-error.

Problemi correlati