根据输入到其他字段中的输入更改WTForm字段

Question

我希望使用Flask-WTForms来创建一个输入表单，其字段根据其他字段中的内容而变化。

例如，假设有一个“Input Contact”的复选框。点击时，会出现（或激活）新字段，以便为联系人添加名称和号码。

使用WTForms和Flask有可能吗？或者我需要使用Javascript？

非常感谢，亚历克斯

Answer 1

它可以在不使用JavaScript，但是这取决于你想拥有的用户体验。

WTForms只能与来自客户端 - 服务器往返的数据进行交互，它在浏览器端并不执行任何操作。因此，如果在检查框后发生了提交，那么您显示了联系表单，那么在没有任何JavaScript的情况下完成此操作是完全合理的。

需要注意的是，你必须做一个表单发布，有效地导致页面刷新和再次加载。好处是，这很容易做到与所有浏览器兼容，而无需处理JavaScript。

当然，替代方法是使用javascript（或者像jQuery这样的JS框架）来绑定当复选框被选中时发生的动作，导致其他字段变为可见。这与人们期望在今天的应用程序中执行此类操作的用户界面更加一致，但它确实需要更多的工作。