如何在客户端部分生成表单时进行 Flask WTForms 表单验证

Question

我正在构建一个带有两个下拉菜单的简单用户界面。根据在第一个下拉列表中选择的内容，第二个下拉列表会通过 jquery/AJAX 填充一些新值。问题是当提交表单时，表单验证正确地失败了，因为返回的第二个下拉列表中的选项不在首先生成下拉列表的列表中。

我已经通过在验证表单之前将从下拉列表 2 发送的任何数据注入表单对象来使其工作。此代码如下所示，但感觉像是一个 hacky 解决方案。

form = SearchForm(request.form)

# dropdown 1
form.node_type.choices = [('default', 'Please select a node type')]
form.node_type.choices.extend([(t, t) for t in node_types()])

# dropdown 2
form.node_name.choices = [('default', 'Select a node type first')]

if request.method == 'POST':
    # the below 2 lines are the hack that make it work.
    node_name = request.form.get('node_name')
    form.node_name.choices.append((node_name, node_name))

    if form.validate():
        print('hooray')

是否有 standard/recommended 方法在客户端动态添加选项并仍然让 WTForms 正确执行表单验证？

Answer 1

这是一个纯 wtforms 解决方案，但应该与 flask-wtf 一起使用（flask-wtf 在 form.validate_on_submit() 中调用 form.validate()）。

代码扩展 Form.validate 以在 node_name 字段验证失败并出现 'Not a valid choice' 错误时调用自定义验证函数。如果验证函数 returns True 它会从 Form.errors 和 returns True 中移除 'Not a valid choice' 错误（如果 Form.errors 现在为空）。

import werkzeug
import wtforms


class Form(wtforms.Form):

    node_type = wtforms.SelectField(choices=[(x, x) for x in 'ABCDEF'])
    node_name = wtforms.SelectField(choices=[('', '')])

    def validate(self):
        if super().validate():
            return True
        invalid_choice = 'Not a valid choice'
        if 'node_name' in self.errors and invalid_choice in self.errors['node_name']:
            is_valid_node_name = self.cross_validate_node_name()
            if is_valid_node_name:
                self.errors['node_name'].remove(invalid_choice)
                if not self.errors['node_name']:
                    del self.errors['node_name']
                return not self.errors
        return False

    def cross_validate_node_name(self):
        # Implement your validation logic here.
        return self.node_type.data == 'B' and self.node_name.data == 'spam'


if __name__ == '__main__':
    datas = [werkzeug.MultiDict([('node_type', 'A'), ('node_name', 'spam')]),
             werkzeug.MultiDict([('node_type', 'B'), ('node_name', 'spam')])]
    for data in datas:
        form = Form(formdata=data)
        if form.validate():
            print('OK')
        else:
            print(form.errors)

如何在客户端部分生成表单时进行 Flask WTForms 表单验证

How to do Flask WTForms form validation when form is partially generated client-side

python

flask

wtforms

flask-wtforms