在SilverStripe表单中的TextField附近添加字符计数

Question

我想在SilverStripe 2.4 TextField中为Form添加字符数。

当用户在TextField中输入数据时，我想在显示剩余字符数的字段旁边或下方显示消息。

我有一个JavaScript和Ajax调用来计算和发布字符数，但是如果我尝试使用LiteralField使用<div>使用另一个HTML tags来显示它，这不是我的选择，任何其他Form走出div。

注意：SilverStripe会为Field中的每个Form创建一个单独的{{1}}，因为我无法在该字段的右侧或底部显示任何内容它

Answer 1

您可以使用此Jquery代码：

$(".TextField").onchange(function(event)
{
    $(event.target).closest(".silverstripe2.4 TextFiled").textContent = $(event.target).val().length;
}