在 django 中验证错误时将 css 类添加到字段

Question

我正在使用 Django 的 modelform，它真的很好。如果存在与其关联的验证错误，如何突出显示实际文本框（例如 border:red ）。基本上我想要的是如果字段存在验证错误则添加一个类（错误）。

Answer 1

定义 error_css_class 怎么样？
http://docs .djangoproject.com/en/stable/ref/forms/api/#styling-required-or-erroneous-form-rows？

class MyForm(ModelForm):
    error_css_class = 'error'

Answer 2

来回答原来的问题。

您可以将所需的类添加到视图中提交表单并执行 form.is_valid() 检查的字段。不是最漂亮的，但它会起作用。

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
    })

Answer 3

扩展 errx 的答案。

添加 CSS

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

以专门突出显示该字段

Answer 4

试试这个？

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

Answer 5

模板 ：

<div style="color:red">{{ userForm.short_description.errors.as_text  }}</div>