获得＆＃34;不是一个有效的选择＆＃34;使用Flask应用程序中的wtforms选择字段，我做错了什么？

Question

所有。我正在开发Flask应用程序。我正在为一家拥有在线订购系统的餐厅开发一个网站。我这样做是为了一个朋友并将其作为一种学习经历。我要问的问题可能是一个小问题。我不确定wtforms或flask-wtf的问题是否更多。希望有人可以提供一些见解。

我正在创建一个购物车，其中有几个按钮通过wtf.quick_form呈现。这是：

<div id='cart'>
    <div>
        <p>
        <center><b>Shopping cart</b></center>
        </p>
        <div>
            {% for item in requested_item_record %}
            <div id='cartI'>{{list_of_items[item]['name']}}</div>
            <div id='cartB'> {{ wtf.quick_form(remove_item_dict[item]) }}</div>
            {% endfor %}
        </div>
        <p id='cartT'>Subtotal: {{ total_cost/100 }} </p>

        <p id='cartT'>Tax: {{ tax/100 }}</p>

        <p id='cartT'>Total: {{ total/100 }}</p>

        <div id='cartB'>{{ wtf.quick_form(clear_cart) }}</div>
        <div id='cartB'>{{ wtf.quick_form(order_type) }}</div>
    </div>
</div>

以下是wtforms定义的按钮：

class AddItem(Form):
        submit = SubmitField("Add item to cart")

class ClearCart(Form):
        submit = SubmitField("Clear cart")

class RemoveItem(Form):
        submit = SubmitField("Remove item")

class OrderType(Form):
        select = SelectField("Pickup or delivery?", choices=[('pickup','Pickup'),('delivery','Delivery')])
        submit = SubmitField("Proceed to checkout")

问题是我在SelectField按钮的OrderType下方看到＆＃34;不是有效选择＆＃34; 。我认为这会让用户感到困惑。我不知道如何删除它。这是一个截图：

如果我使用RemoveItem按钮或ClearCart按钮之一提交数据，我只会看到这种行为。

以下是我的视图功能的相关部分：

# generate add buttons for all items of the menu
button_dict = OrderedDict([])
for i in range(number_of_submit_buttons):
    button_dict[i] = AddItem(prefix='add item ' + str(i))
clear_cart = ClearCart(prefix="clear cart")

# check for submit data from users, remove an item or clear cart.
for iterable, add_button in enumerate(button_dict):
    if button_dict[add_button].validate_on_submit and button_dict[add_bu$
        session['requested_item_record'].append(iterable)
        session['total_cost'] += list_of_items[iterable]['price']
if clear_cart.validate_on_submit and clear_cart.submit.data:
    session['requested_item_record'] = []
    session['total_cost'] = 0

# select field, for delivery or pickup
order_type = OrderType(prefix='order_type')
if order_type.validate_on_submit() and order_type.submit.data:
        if order_type.select.data == 'delivery' and session['requested_i$
            return redirect(url_for('transaction.get_address'))
        elif order_type.select.data == 'pickup' and session['requested_i$
            return redirect(url_for('transaction.checkout'))

功能很好。该网站按照我的要求运作，仅仅由于某种原因我得到了这个错误的＆＃34;不是一个有效的选择＆＃34;。仅当我使用其中一个删除项目或清除购物车按钮时才会出现此信息。

Answer 1

我认为问题在于这一行：

if order_type.validate_on_submit() and order_type.submit.data:

您无条件地验证OrderType表单，因此每次单击其他按钮时，由于选择下拉列表没有值，此表单的验证将失败。

尝试颠倒条件的两个部分，如下所示：

if order_type.submit.data and order_type.validate_on_submit():

这样，只有当该表单的提交按钮具有值时才会进行验证，这表示该表格是用户提交的表单。