显示没有输入字段的 Django 表单

Question

我在请求表单时收到了有效的回复，但我没有收到包含回复的表单字段。它正在加载仅提交按钮，但没有加载表单字段。

目标：让表单字段加载并能够提交表单。

我有一个views.py：

 def Registration(request):
    form = NewUserRegistrationForm(request.POST or None)
    if request.method == 'POST':
        if form.is_valid():
            form.save()
            return HttpResponseRedirect("/Login/")
    else:
        form = NewUserRegistrationForm()

    return render(request, 'VA/reuse/register.html', {
        'form': form 
    })

forms.py

class NewUserRegistrationForm(UserCreationForm):
    username = forms.CharField(required=True,max_length=30,validators=[RegexValidator('^[A-Za-z0-9]{1,30}$','e.g. must be 30 characters or less','Invalid Entry')])
    email = forms.EmailField(required=True, max_length=75)
    password = forms.PasswordInput()
    class Meta:
        model = User
        fields = ("username", "email", "password1","password2")

def save(self, commit=True):
    user = super(NewUserRegistrationForm, self).save(commit=False)
    user.username = self.cleaned_data["username"]
    user.email = self.cleaned_data["email"]
    user.password = self.cleaned_data["password1"]
    if commit:
        user.save()
    return user

一个模板

<div id="register_bubble">
    <form method="post" id="userRegistration">
        {% csrf_token %}
        {{ NewUserRegForm.as_p }}
        <input type="submit" value="Submit" />
    </form> <!-- /RegistrationForm (FORM) -->
</div>

我在这里做错了什么？在本地调试模式下我也没有收到任何错误。

谢谢！

Answer 1

您将表单实例作为'form' 传递给上下文，但在模板中将其调用为{{ NewUserRegForm.as_p }}。

您应该改用{{ form.as_p }}。

Answer 2

你有两个错误。

首先，您将表单类传递给模板上下文，而不是表单实例：该类是NewUserRegistrationForm，但您已将其实例化为NewUserRegForm，这就是您应该作为值传递的内容在表单上下文中。

为了更复杂，您为该值指定的键名也是 NewUserRegistrationForm - 但您仍然在模板中引用 NewUserRegForm，即使那里不存在。

如果您使用符合 PEP8 的名称，这将更加明显。实例应为小写并带有下划线：例如new_user_registration_form。但是，在这种情况下，您可以将其称为 form，因为只有一个。

return render(request, 'mysite/reuse/register.html', {
    'NewUserRegForm': NewUserRegForm 
})

或者，更好：

form = NewUserRegistrationForm(request.POST or None)
...
return render(request, 'mysite/reuse/register.html', {
    'form': form 
})