Question

我有一个formset（InvoiceItemForm），其中初始表单由 Django 创建，但是为了向表单集添加aditional表单，我使用了Jquery。

在此表单中有一个选择字段（product）。 select的第一种形式由ModelChoiceField生成，但其余形式使用ajax生成并动态填充。

当我收到请求时，第一个（由django生成）没有问题，但其余部分在产品字段中显示 form.error ：选择有效选项。这个选择不是可用的选择之一。

我做错了什么？我检查了表单，但我看不到ModelChoiceField生成的与Jquery生成的

之间的差异

模型

class Invoice(models.Model):
    number = models.CharField(max_length=200)

    def __str__(self):
        return self.number

class Product(models.Model):
    description = models.CharField(max_length=200)
    measurement_unit = models.CharField(max_length=200)

    def __str__(self):
        return self.description

class InvoiceItem(models.Model):
    invoice = models.ForeignKey(Invoice, related_name='items')
    product = models.ForeignKey(Product)
    unit_price = models.DecimalField(max_digits=8, decimal_places=2, default=0)
    quantity = models.DecimalField(max_digits=8, decimal_places=2, default=0)

Forms.py

class InvoiceItemForm(forms.Form):
    product = forms.ModelChoiceField(queryset=Product.objects.all().order_by('description'))
    unit_price = forms.DecimalField(max_digits=8, decimal_places=2,
                    widget=forms.TextInput(attrs={'placeholder': 'Precio', 'class': 'rate'}))
    quantity = forms.DecimalField(max_digits=8, decimal_places=2,
                widget=forms.TextInput(attrs={'placeholder': 'Cantidad', 'class':'quantity'}))


class InvoiceForm(forms.Form):
    number = forms.CharField()

Views.py

def invoice(request):
    InvoiceFormSet = formset_factory(InvoiceItemForm)
    if request.method == 'POST':
        invoice_form = InvoiceForm(request.POST)
        formset = InvoiceFormSet(request.POST)
        if invoice_form.is_valid():
            # print("invoice number: ", invoice_form.cleaned_data['number'])            
            number = invoice_form.cleaned_data['number']
            invoice = Invoice(number=number)       
            for form in formset:
                print(form.errors)

用于填充选择字段的Ajax

$.ajax({
  url: '/ajax/get_products/',
  type: 'GET',
  data:  {},
  dataType: 'json',
  success: function(data){
    let selectItem = $(`#id_form-${total_forms-1}-product`)
    selectItem.append(new Option("---------", "", false, false))
    for (let i=0; i < data['products'].length; i++){
      let p = data['products'][i][0] //product name
      selectItem.append(new Option(p, p, false, false))
    }
    $('select').material_select()
  }
  })

Answer 1

这是由于Django验证表单的方式。

简而言之，它不期望得到它没有产生的选择。

在文档中： https://docs.djangoproject.com/en/1.11/ref/forms/fields/#choicefield

验证选择列表中是否存在给定值。

在此网站上搜索一个简单的“Django ajax选择表单”将为您提供一些可能的解决方法。

Django表格 - 选择一个有效的选择。这种选择不是可用的选择之一

1 个答案: