How do I add a red asterisk to form fields that fail to validate?

Question

If a form field fails to validate, Django will display a helpful message (eg "This field is required"). However, in addition to the helpful message, I also want to display a red asterisk next to the form field itself if there are any validation errors for the field. Something like:

Excerpt from my template:

<form action="" method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit"/>
</form>

I know I can insert the asterisk using manual form rendering , but I am looking for a way to do this without editing the template. Is there a way to do this? Perhaps it can be done by overriding specific django.forms.Form methods?

Answer 1

You can add error_css_class attribute to the Form and when a field has an error, this attribute's value will be added to the field's wrapper html classes ( p in this case).

Then in your css you can add a rule like:

.error_css_class input::after {
    content: "*";
    color: red;
}