wtforms TextAreaField 的活动字符数

Question

我想做什么

我正在尝试设置一个包含 TextFieldArea 的表单。到目前为止，我有几个验证器，包括字符限制。现在我想在 TextFieldArea 下方显示当前字符数，以提高可用性。

像这样：

问题

我找到了很多关于 how to do this in JavaScript 的非常好的文档，但对于 Python / Flask 几乎为零。

我希望这可以通过 pre-validators, or widgets 或模板脚本来完成。

我试过的

{{ render_field(form.abstract) }}
          <p>{{form.abstract.gettext}}</p>

这至少返回了某种对象标识。但是过去，我不知所措。

Answer 1

我以前用过这个，通过google找到过一次。

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

并将其添加到您的 TextArea 字段

onInput="TextCounter(this, 32)"

wtforms TextAreaField 的活动字符数

Active character count of wtforms TextAreaField

flask

flask-wtforms

我想做什么

问题

我试过的