如何在 django ModelForm CharField 之后添加“星 *”？答案

【问题标题】：How add a 'Star *' after a django ModelForm CharField?如何在 django ModelForm CharField 之后添加“星 *”？
【发布时间】：2012-08-27 10:38:53
【问题描述】：

我的 django ModelForm 中有一些必要的字段。如何在必填字段后添加红星 (*)？

【问题讨论】：

标签： django django-models modelform django-forms

【解决方案1】：

我假设您希望这自动发生，所以这里有几种不同的方法之一：

{% for field in form %}
    <label for="{{ field.auto_id }}">{{ field.label_tag }}
    {% if field.field.required %}
        <span class="required">*</span>
    {% endif %}
    </label>
{% endfor %}

然后您可以使用 CSS 设置星号样式。

或者，如果需要，您可以使用 CSS 添加星号：

<style type="text/css">
    span.required:after { content: '*'; }
</style>
{% for field in form %}
    <label for="{{ field.auto_id }}">
    {% if field.field.required %}
        <span class="required">{{ field.label_tag }}</span>
    {% else %}
        {{ field.label_tag }}
    {% endif %}
    </label>
{% endfor %}

如果您还想对必填字段进行其他操作，这可能是一个更好的选择。

但是，如果您不会单独访问字段（例如使用 {{ form.as_p }}），那么您可以将属性添加到您的 ModelForm：

class FooForm(forms.ModelForm):
    required_css_class = 'required'

这会将所有必需的字段定义为具有“必需”类（因此，您可以使用我上面提到的 CSS 代码来添加星号（或您想要使用它执行的任何其他操作）。

【讨论】：

我在我的模板中使用 {{ form.as_p }} 并且我无法以您编写的方式访问必填字段有没有办法在 ModelForm 中的某些字段之后自定义一个 html 块？
@Kozet: {{ form.as_p }} 如果您对它生成的 HTML 感到满意，那很好，但如果您想修改它，那么您需要为每个字段编写自己的表单 HTML个人。
@Kozet：根据您的情况编辑了我的答案。
@Kozet：如果答案对您有用，请将其标记为答案。
对这个出色答案的一个小改进：由于您手动写出标签标签，因此您可以在 span.required 中使用 {{field.label }} 而不是 {{ field.label_tag }}避免嵌套标签。

【解决方案2】：

您也可以使用jQuery 来选择标签或附加到标签。

例如，如果你有这个引导表单

<form class="form-horizontal">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="inputEmail3" required="required">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword3">
    </div>
  </div>
</form>

然后，如果您想将星号添加到必填字段。

$('input,textarea,select').filter('[required]').parent().parent().find("label").append("*");

您可能还想为必填字段标签指定一个类，以便将它们设为粗体或其他内容

$('input,textarea,select').filter('[required]:visible').parent().parent().find("label").addClass("required_label");

【讨论】：