wtforms - 根据表单中其他字段的输入更改 WTForm 字段

Question

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

例如，假设有一个“输入联系人”复选框。单击该按钮后，将出现(或激活)新字段，用于输入联系人的姓名和电话号码。

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

非常感谢，亚历克斯

Answer 1

无需使用 Javascript 也是可以的，但这取决于您想要的用户体验。

WTForms 只能与客户端-服务器往返中的数据进行交互，它本身不会在浏览器端执行任何操作。因此，如果选中该框后发生提交，然后显示联系表单，那么无需任何 JavaScript 即可完成此操作。

需要注意的是，您必须执行表单发布，这实际上会导致页面刷新并再次加载。好处是，这很容易以与所有浏览器兼容的方式完成，无需处理 JavaScript。

当然，另一种方法是使用 javascript(或某些 JS 框架，如 jQuery)来绑定(bind)在选中该复选框时发生的操作，从而使其他字段变得可见。这与人们在当今的应用程序中期望执行此类操作的用户界面更加一致，但它确实需要更多的工作。