Question

我有一个带有电子邮件属性的表单。

在某些验证错误的情况下使用{{ form.email }}时，Django仍会在输入标记的value属性中呈现前一个值：

<input type="text" id="id_email" maxlength="75" class="required"
       value="some@email.com" name="email">

我想自己渲染输入标记（在发生错误时添加一些JavaScript代码和错误类）。例如，这是我的模板，而不是{{ form.email }}：

<input type="text" autocomplete="on" id="id_email" name="email"
       class="email {% if form.email.errors %} error {% endif %}">

但是，这不会向用户显示错误值（本例中为some@email.com）。

如何在模板中获取字段的值？

Answer 1

这是一个在Django 1.3中修复的功能请求。

这是错误：https://code.djangoproject.com/ticket/10427

基本上，如果你在1.3之后运行某些东西，你可以在Django模板中执行：

{{ form.field.value|default_if_none:"" }}

或者在Jinja2：

{{ form.field.value()|default("") }}

请注意，field.value()是一种方法，但在Django模板中省略了()，而在Jinja2中，方法调用是显式的。

如果你想知道你正在运行什么版本的Django，它会告诉你何时执行runserver命令。

如果您使用的是1.3之前的某些内容，则可以使用上述错误中发布的修补程序：https://code.djangoproject.com/ticket/10427#comment:24

Answer 2

您可以使用以下内容从模板执行此操作：

{% if form.instance.some_field %}
      {{form.instance.some_field}}
{% else %}
      {{form.data.some_field}}
{% endif %}

这将显示实例值（如果表单是使用实例创建的，则可以使用initial代替），或者显示POST数据，例如发生验证错误时。

Answer 3

这似乎有效。

{{ form.fields.email.initial }}

Answer 4

我有一个简单的解决方案！

{{ form.data.email }}

我尝试了这个并且它有效。这需要您的视图使用POST数据填充表单类。

很简单的例子：

def your_view(request):
  if request.method == 'POST':
    form = YourForm(request.POST)
    if form.is_valid():
      # some code here
  else:
    form = YourForm()

  return render_to_response('template.html', {'form':form})

希望能帮到你。如果您有任何疑问，请告诉我。

Answer 5

Jens提出的解决方案是正确的。但是，事实证明，如果使用实例初始化ModelForm （例如下面的例子），django将不会填充数据：

def your_view(request):   if request.method == 'POST':
    form = UserDetailsForm(request.POST)
    if form.is_valid():
      # some code here   
    else:
      form = UserDetailsForm(instance=request.user)

所以，我创建了自己的ModelForm基类来填充初始数据：

from django import forms 
class BaseModelForm(forms.ModelForm):
    """
    Subclass of `forms.ModelForm` that makes sure the initial values
    are present in the form data, so you don't have to send all old values
    for the form to actually validate.
    """
    def merge_from_initial(self):
        filt = lambda v: v not in self.data.keys()
        for field in filter(filt, getattr(self.Meta, 'fields', ())):
            self.data[field] = self.initial.get(field, None)

然后，简单的视图示例如下所示：

def your_view(request):   if request.method == 'POST':
    form = UserDetailsForm(request.POST)
    if form.is_valid():
      # some code here   
    else:
      form = UserDetailsForm(instance=request.user)
      form.merge_from_initial()

Answer 6

{{form.field_name.value}}适合我

Answer 7

我想显示一个formset字段的值。我总结了这个解决方案，它也适用于普通形式：

{% if form.email.data %} {{ form.email.data }}
{% else %} {{ form.initial.email }} 
{% endif %}

上述解决方案对我来说效果不佳，我怀疑它们可以用于前缀形式（例如向导和表格集）。使用{{ form.data.email }}的解决方案不起作用，因为它是字典查找，并且使用带前缀的表单，您的字段名称看起来像'1-email'（向导和前缀表单）或'form-1-email' （formset），点模板查找表达式中不允许使用减号（ - ）。

{{form.field_name.value}}仅限Django 1.3+。

Answer 8

我尝试了一些上述可能性，这就是我解决问题的方法：

#forms.py
class EditProfileForm(forms.ModelForm):
    first_name = forms.CharField(label='First Name',
                                 widget=forms.TextInput(
                                 attrs={'class': 'form-control'}),
                                 required=False)
    last_name = forms.CharField(label='Last Name',
                                 widget=forms.TextInput(
                                 attrs={'class': 'form-control'}),
                                 required=False)
    # username = forms.CharField(widget=forms.TextInput(
    #                              attrs={'class': 'form-control'}),
    #                              required=True)
    address = forms.CharField(max_length=255, widget=forms.TextInput(
                                 attrs={'class': 'form-control'}),
                                 required=False)
    phoneNumber = forms.CharField(max_length=11,
                                 widget=forms.TextInput(
                                 attrs={'class': 'form-control'}),
                                 required=False)
    photo = forms.ImageField(label='Change Profile Image', required=False)

    class Meta:
        model = User
        fields = ['photo', 'first_name', 'last_name', 'phoneNumber', 'address']
                  # 'username',



#views.py
def edit_user_profile(request, username):
    user = request.user
    username = User.objects.get(username=username)
    user_extended_photo = UserExtended.objects.get(user=user.id)
    form = EditProfileForm(request.POST or None, request.FILES, instance=user)
    user_extended = UserExtended.objects.get(user=user)
    if request.method == 'POST':
        if form.is_valid():
            # photo = UserExtended(photo=request.FILES['photo'] or None, )
            user.first_name = request.POST['first_name']
            user.last_name = request.POST['last_name']
            user_extended.address = request.POST['address']
            user_extended.phoneNumber = request.POST['phoneNumber']
            user_extended.photo = form.cleaned_data["photo"]
            # username = request.POST['username']
            user_extended.save()
            user.save()

            context = {
                'form': form,
                'username': username,
                'user_extended_photo': user_extended_photo,
            }

            return render(request, 'accounts/profile_updated.html', context)
    else:
        photo = user_extended.photo
        first_name = user.first_name
        last_name = user.last_name
        address = user_extended.address
        phoneNumber = user_extended.phoneNumber
        form = EditProfileForm(
            initial={'first_name': first_name, 'last_name': last_name,
                                   'address': address, 'phoneNumber': phoneNumber,
                                   'photo': photo})
    context = {
        'form': form,
        'username': username,
        'user_extended_photo': user_extended_photo,

    }
    return render_to_response('accounts/edit_profile.html', context,
                                 context_instance=RequestContext(request))

#edit_profile.html
  <form action="/accounts/{{ user.username }}/edit_profile/" method="post" enctype='multipart/form-data'>
                                    {% csrf_token %}
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                {{ form.as_p }}
                                            </div>
                                        </div>
                                    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                                    <button type="submit"  value="Update Profile" class="btn btn-info btn-fill pull-right">Update Profile</button>
                                    <div class="clearfix"></div>
                                </form>

我试图以某种方式解释这一点，以便初学者可以更容易理解。密切关注else:

        photo = user_extended.photo
        first_name = user.first_name
        last_name = user.last_name
        address = user_extended.address
        phoneNumber = user_extended.phoneNumber
        form = EditProfileForm(
            initial={'first_name': first_name, 'last_name': last_name,
                                  'address': address, 'phoneNumber': phoneNumber,
                                  'photo': photo})

这就是获得价值的因素，例如：

<p><label for="id_first_name">First Name:</label> <input class="form-control" id="id_first_name" name="first_name" type="text" value="Emmanuel" /></p>
<p><label for="id_last_name">Last Name:</label> <input class="form-control" id="id_last_name" name="last_name" type="text" value="Castor" /></p>

Answer 9

如果您使用实例而不是POST数据填充表单（建议的答案需要），则可以使用{{form.instance.my_field_name}}访问数据。

Answer 10

{{form.fields.email}}

Answer 11

在Django 1.2上，{{form.data.field}}和{{form.field.data}}都可以，但不是{{form.field.value}}。
正如其他人所说，{{form.field.value}}只是Django 1.3+，但https://docs.djangoproject.com/en/1.3/topics/forms/中没有规范。它可以在https://docs.djangoproject.com/en/1.4/topics/forms/中找到。

Answer 12

在模板中，我们可以手动呈现表单字段。这里的字段类似于登录表单中的电子邮件，而密码则是表单字段。

{{form.field.value}} # field value
{{form.field.help_text}} # help text of field
{{form.field.label}} # label of field

进一步阅读

Render Form fields Django Official 2.2
How to Render Django Form Manually

如何在模板中显示Django表单字段的值？

12 个答案: