使用引导程序设置样式错误消息

时间:2017-02-20 03:22:19

标签: css django twitter-bootstrap django-templates

我正在构建自己的表单来删除帮助文本,因为我无法在django中更改内置表单以删除帮助文本。

到目前为止一切顺利,但我无法设置错误消息的样式。

它显示了基本的ul和il风格。

我该怎么办? 感谢。

<form class="" method="post">
   {% csrf_token %}
          <label for="id_new_password1"> Senha </label><br>
    <div class="">
        <input required text="password" class="form-control" placeholder="Senha" name="new_password1"/>
            {{ form.new_password1.errors }}
    </div><br>
         <label for="id_new_password2"> Confirmar senha </label><br>
    <div class="">

       <input required text="password" class="form-control" placeholder="Confirmar senha" name="new_password2"/>
        {{ form.new_password2.errors }}
    </div><br>
    <input type="submit" class="btn btn-primary col-sm-12" value="Confirmar" />

</form>

2 个答案:

答案 0 :(得分:2)

您可以使用alerts。像这样:

{% if form.new_password1.errors %}
    <div class="alert alert-danger" role="alert">{{ form.new_password1.errors }}</div>
{% endif %}

另外,您是否尝试过this answer试图摆脱help_text?

答案 1 :(得分:1)

尝试将错误消息包装在一个元素中。

<div class="error-messages">{{ form.new_password1.errors }}</div>

.error-messages {
  color: red;
  font-size: 12px; }