Flask wtforms TextArea字段的活动字符计数 我想做什么

我正在尝试设置一个包含TextFieldArea的表单。 到目前为止，我已经准备好了几个验证器，包括一个字符限制。 现在，为了便于使用，我想在TextFieldArea下面显示当前字符数

像这样：

问题 我已经找到了很多非常好的文档，但是Python/Flask几乎没有

我希望这是可以做到的，或模板脚本

我试过的

{{render_field（form.abstract）}
{{form.abstract.gettext}

---

这至少返回了某种对象标识。但过了那一关，我就不知所措了

我以前用过这个，曾经通过谷歌找到过

function TextCounter(field, limit) {
    var typedChars = $(field).val().length;
    $(field).next('span').text(typedChars=0?'0 / '+limit:typedChars+' / '+limit);
    };

并将其添加到TextArea字段

onInput="TextCounter(this, 32)"

---

这听起来像是一个纯javascript任务，不涉及服务器端。比如：我甚至连那个来源都链接到了。：-。好的，那就用js解决方案吧。你能告诉我Flask/js交互的正确方向吗？请随意写一个答案。据我所知，Flask并不知道这项活动。您所需要的只是一个“键”侦听器，它将附加到文本区域。请参阅我们之前讨论过的链接。因此，您将在HTML页面/Jinja模板中实现这段代码

onInput="TextCounter(this, 32)"