Ajout de la classe css à champ sur l'erreur de validation dans django

Je suis à l'aide de Django reinhardt, modelform et de sa très bonne. Comment puis-je mettre en surbrillance la zone de texte réel (par exemple, la frontière:rouge ) si il y a une erreur de validation associés. Fondamentalement, ce que je veux, c'est pour ajouter une classe (erreur) s'il y a une erreur de validation pour un champ.

Comment allez-vous générer le formulaire html dans le template? L'impression de l'ensemble de la forme de l'objet à la fois ou l'impression d'un champ à l'autre?
Je suis une boucle sur les éléments de forme et de fautes d'impression, de champ et de l'étiquette séparément.

OriginalL'auteur Myth | 2011-01-31

  1. 13

    Que sur la définition de error_css_class?
    http://docs.djangoproject.com/en/dev/ref/forms/api/#styling-required-or-erroneous-form-rows?

    class MyForm(ModelForm):
    error_css_class = 'error'
    Cela donne de la classe à conteneur du champ de formulaire. Que faire si je veux attribuer la classe de champ de formulaire lui-même?
    l'utilisation de formulaire personnalisé de modèle dans ce cas
    @Mythe: $('.erreur").find(':input').css('background-color', 'rose');

    OriginalL'auteur errx

  2. 2

    D'une expansion des errx de réponse.

    Ajouter le CSS

    .error input, .error select {
    border: 2px red solid;
}

    spécifiquement pour mettre en surbrillance le champ

    OriginalL'auteur Augier

  3. 1

    Essayer ce?

    self.fields['field_you_want_to_add_error'].widget.attrs['class'] = "error"

    OriginalL'auteur wood

  4. 0

    Pour répondre à la question d'origine.

    Vous pouvez ajouter la classe souhaitée du champ dans la vue de l'endroit où vous soumettez votre formulaire et de faire de votre form.is_valid() vérifier. Pas la plus jolie mais il faudra travailler.

    def submit_form(request):
    if request.method = 'POST':
        if. form.is_valid():
            # Do something with clean form data
            pass
        else:
            # Append css class to every field that contains errors.
            for field in form.errors:
                form[field].field.widget.attrs['class'] += ' my-css-class'
    return render(request, submit_form.html, {
        'form': form
    })

    OriginalL'auteur holmberd