Question

我在Django中使用向导表单。我只想在回答其他表单字段的答案标记为“是”时才创建一个表单字段，否则我不希望这个新的表单字段。我该怎么办？
我尝试了与此相关的其他答案，但是大多数答案都讲述了如何标记必填字段，但仅当对其他字段的答案为“是”时，我才想显示该字段。

Django Form Wizard with Conditional Questions

在下面的代码中，仅当字段“ Pool”的答案标记为“是”时，我才想显示字段“ Pool2”，否则我不希望该字段。基本上，如果用户家中有游泳池，我想在“ Pool2”字段中获得游泳池的详细信息。

forms.py

class ListingForm2(forms.Form):
     Pool = (
        ("Yes","Yes"),
        ("No","No"),
    )
    Pool = forms.ChoiceField(choices = Pool,label = "Does your property have a pool ?")
    Pool2 = forms.CharField(required=False)

Views.py

class ListingWizard(SessionWizardView):
    template_name = 'listing_form.html'
    form_list = [ListingForm1,ListingForm2,ListingForm3,ListingForm4]
    def done(self, form_list, **kwargs):
        save_data(form.cleaned_data for form in form_list)
        return render(self.request,'done.html',{
            'form_data' : [form.cleaned_data for form in form_list],
            })

Answer 1

您想要做的事情必须使用JavaScript来完成，您可以仅使用Django帖子来完成，但这不是正确的方法。

检查一下：

class BookForm(forms.ModelForm):
    has_sequel = forms.BooleanField(initial=True)

    class Meta:
        model = Book
        fields = ['author', 'length', 'has_sequel', 'sequel']

    class Media:
        js = ('book_form.js', )

    def clean(self):
        if self.cleaned_data['has_sequel'] and self.cleaned_data['sequel'] is None:
            raise ValidationError('You should indicate the sequel if the book has one.')


class BookView(FormView):
    template_name = 'book_form.html'
    form_class = BookForm
    success_url = '/done/'

此代码包括一个包含表单的Javascript，这样您就可以使用其自己的Javascript重用该表单，该Javascript代码应该是这样的（您可能必须更改javascript，具体取决于您在模板中打印表单的方式）：

$(document).ready(function() {
    $('#id_has_sequel')[0].addEventListener('change', (event) => {
        let sequelField = $('#id_sequel').parents('p');
        if (event.target.checked) {
            sequelField.show();
        } else {
            sequelField.hide();
        }
    })
});

模板应该是这样的：

{% load static %}

<head>
    <title>Book form</title>

    <script src="{% static 'jquery-3.4.1.min.js' %}"></script>
    {{ form.media }}
</head>

<form method="post">{% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="Send message">
</form>

如果您有任何问题，请随时提出，但是尝试不使用Javascript则不是一个好方法。尽可能多的您会找到某种也将使用Javascript的Django小部件。

Django向导表单中的条件表单字段

1 个答案: