Question

我刚开始使用Flask WTF表格。我可以用他们做我需要的一切，除非我似乎无法找出一件事。我有一个多选字段向用户呈现各种选项，如果用户选择“其他”，我希望他们描述它们的含义。像这样：

 impact = wtforms.SelectMultipleField('What is the expected impact?',
                           choices=[('Sales', 'Sales'),
                                    ('Lift', 'Lift'),
                                    ('Other', 'Other')]

我不知道它是否有可能当它不是一个具有自己ID的独立字段而只是一个数组中的成员。你能帮忙吗？

修改

这是我按照下面的建议尝试的 - 它在选择或取消选择“其他”没有区别的意义上不起作用：

app.py：

app.route('/', methods=['GET', 'POST'])
def home():
     form = MyForm()
     other_enable = False

       if form.validate_on_submit():

          name = form.name.data
          email = form.email.data
          impact1 = form.impact.data
          impact = ''.join(str(e) for e in impact1)

          if ("Other" in impact):
              other_enable = True
          impact_other = form.impact_other.data
          return redirect(url_for('home'))
       return(render_template('home.html', form=form, other_enable=other_enable))

和templates / home.html包含

{% extends "base.html" %}

{% import "bootstrap/wtf.html" as wtf %}

<center>

  <div id="someid" onchange='myFunction(other_enable)'>{{ wtf.quick_form(form) }}</div>

</center>

{% endblock %}

<script>
     function myFunction(other_enable) {
         var theother = document.getElementById("otherField");

         if (other_enable == true){
            theother.style.display = "block";
        } else {
            theother.style.display = "none";
        }
    }
 </script>

Answer 1

您必须在表单中添加其他字段，例如TextField()并将其设为validator.Optional()。

然后，通过简单的javascript和onchange活动，您可以默认display:none此字段，如果用户选择Other则显示该字段。

最后，如果你想强迫用户“描述他们的意思”，你可以在YourForm类中添加这个方法：

def validate(self):
    """ Add custom validators after default validate
    """
    success = super(YourFormClass, self).validate()

    if 'Other' in self.impact.data and len(self.impact_other.data) < 1:
        success = False
        self.impact.errors.append(gettext('Please fill impact_other field if you had selected "Other"'))

    return success

（假设您创建的其他字段名为impact_other）

编辑：我稍微修改了我的validate（）函数，以便使用SelectMultilpleField而不是SelectField

接下来，您不必将other_enable变量传递给模板，默认情况下，如果未选择任何内容，则应隐藏otherField，因此您不仅需要在更改时运行js，还需要在运行后运行js页面加载。

如果您的字段impact中选择了“其他”，则必须检查您的js功能，如果是，则显示您的字段。您可以查看此问题，以便在检测JS中的选定值时获得更多帮助：here

此外，如果表单验证失败，您必须执行form = MyForm(request.form)以保存用户输入。

Flask WTF表单：如果用户在SelectMultipleField中选择特定选项，是否可以显示新字段？

1 个答案: