wtforms TextAreaField的活动字符数

Question

我要做什么

我正在尝试建立一个包含TextFieldArea的表单。 到目前为止，我有几个验证器，包括一个字符限制。 现在，为了方便起见，我想在TextFieldArea下面显示当前字符数。

赞：

问题

我发现了很多how to do this in JavaScript的非常好的文档，但是对于Python / Flask来说几乎是零。

我希望可以使用pre-validators或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)"