django input element error css class

Question

Mi piacerebbe sapere come posso aggiungere .error class agli elementi di input (to registration app) quando la convalida del modulo fallisce.

Answer 1

Questo può essere fatto completamente attraverso il modello.

a costruire il modello di modulo per ogni campo modulo che si desidera eseguire il test è possibile utilizzare il seguente esempio costruire

<input type="text" class="reg-txt{% if form.fieldname.errors %} errors{% endif %}"/> 

Questo consente di fornire l'interfaccia che si desidera senza modificare il codice del modulo Django vista &.

Answer 2

(meglio tardi che mai)

Si dovrebbe essere in grado di fare questo con Django Uni Form

Answer 3

Ora è facile - nuova funzionalità di Django 1.2

basta aggiungere un attributo alla classe form & sei a posto. Questa caratteristica è menzionato nei documenti sotto una "nuova in 1.2" nota, ma è possibile trovare la magia a django.forms.forms.BoundField.css_classes Ecco il API reference, e un esempio:

class MyForm(forms.Form): 
    required_css_class = "required" 
    error_css_class = "error" 

Answer 4

Se volete inserire il vostro errore di classe CSS per formare widgets di ingresso (non i loro contenitori), è possibile derivare la classe modulo dal seguente:

class StyledErrorForm(forms.Form): 
    def is_valid(self): 
     ret = forms.Form.is_valid(self) 
     for f in self.errors: 
      self.fields[f].widget.attrs.update({'class': self.fields[f].widget.attrs.get('class', '') + ' error'}) 
     return ret 

Answer 5

utilizzando un modello personalizzato ...

Personalmente mai avuto molta fortuna con il costruito nel Django soluzioni di errore classificare , e inoltre , Mi piace usare il filtro di template 'striptags' incorporato sugli errori, per sbarazzarmi di tutte le cose dell'elenco html che non riesco a capire come renderizzare bene comunque.

Io uso il seguente modello personalizzato per classificarli come "error_id".

@register.filter(is_safe=True) 
@stringfilter 
def error_id(value): 
    if value=='': 
     return '' 
    else: 
     return r'<span class="error_id">'+value+'</span>' 

Render i singoli errori nel vostro modello utilizzando:

{{ form.my_field.errors|striptags|error_id}} 

o rendere l'intero modulo utilizzando qualcosa di simile:

<table border="1" cellpadding="5px" align="center"> 
     {% for field in form.visible_fields %} 
      <tr> 
         <td> {{ field.label_tag }}: </td> 
         <td> {{ field }} </td> 
         <td> {{ field.errors|striptags|error_id }} </td> 
      </tr> 

     {% endfor %} 

    </table>