在SilverStripe表单的TextField附近添加字符计数 - Add a character count near a TextField in a SilverStripe Form

Add a character count near a TextField in a SilverStripe Form

我想在SilverStripe 2.4 Form中的TextField中添加一个字符计数。

当用户在TextField中输入数据时，我想在字段旁边或下面显示一条消息，显示还剩多少字符。

我有一个JavaScript和Ajax调用来计数和发布字符计数，但如果我试图通过使用LiteralField到另一个<div>来显示它，这不是我的选择，那么任何其他HTML tags都会从Form中出来。

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

您可以使用以下Jquery代码：

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