样式Django形成错误消息

时间:2015-03-24 18:06:08

标签: django django-forms django-templates

我正在尝试使django形成defa错误红色和粗体。例如,将“此字段为必填项”设置为红色和粗体。我看到error_css_class ='错误',但它没有用。 https://docs.djangoproject.com/en/1.5//ref/forms/api/#django.forms.Form.error_css_class 谢谢! 这是我的models.py

class RegiForm(forms.Form):
    error_css_class = 'error'
    DateInput = partial(forms.DateInput, {'class': 'datepicker'})
    email = forms.EmailField(max_length=75)
    first_name = forms.CharField(max_length=25)
    last_name = forms.CharField(max_length=25)
    address = forms.CharField(max_length=200)

这是我的模板:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>RegistrationForm</title>
    </head>
    <body>
        <h1>Registration Form</h1>
        <form action="/login/regi/" method="POST">
            {% csrf_token %}
            {{ form.as_p }}
            <input type="submit" value="Submit" />
        </form>
    </body>
</html>

4 个答案:

答案 0 :(得分:4)

只需添加此CSS即可更改错误消息颜色:
.errorlist { color: red; }
                                                                               或者如果你想改变场边框颜色那么
 .error input, .error select { border: 2px red solid; }

答案 1 :(得分:1)

要更改error_message的样式,请执行以下操作:

第一:检查error_message的元素,然后复制其类

2nd:添加您想要的样式...

以我为例.... error_message的类为帮助块

<style>
.help-block{color:red;
            font-weight:bold;
}
</style>

如果您扩展了base.html,请不要忘记在您的html上的{%block content%}或{%block body%}里面放它,否则...将无法工作

3rd:就这些了:)

答案 2 :(得分:0)

检查源代码浏览器中的类名。 您可以尝试更改类名:

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

答案 3 :(得分:0)

我知道这是一个古老的问题,但是作为初学者,我需要它。

您可以在

中扩展 ErrorList

django.forms.utils

根据您的喜好对其进行样式设置。 就我而言,我希望将其作为div和Bootstrap警报。

所以我是在 forms.py

中完成的
class DivErrorList(ErrorList):
    def __str__(self):
        return self.as_divs()

    def as_divs(self):
        if not self:
            return ''
        return '<div class="errorlist">%s</div>' % ''.join(['<div class="error alert alert-danger mt-1">%s</div>' % e for e in self])

views.py

form = AddToCartForm(error_class = DivErrorList)

请参阅文档:customizing-the-error-list-format