在SilverStripe表单的TextField附近添加字符计数
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;
}
相关文章:
- 拆分文本以每隔n个字符添加一行新行,并注意空格
- 使用Google Maps API向标记添加多个字符
- 如何使用Javascript在给定的句子中找到大写单词并在其前面添加一个字符
- 在输入中添加打断html的字符
- 如果两个跨度有数据,则添加字符
- 将组成单词的字符添加到数组的开头
- 考虑到我在JavaScript中使用.replace.更改了特定单词中间的另一个字符,我如何在该单词之前添加字符
- 添加字符功能需要在小数点前加0
- 在SilverStripe表单的TextField附近添加字符计数
- 如何编辑这个JS代码,以便在散列文本中添加字符,而不仅仅是数字
- 如何使用正则表达式在var中发现的任何单词的末尾添加字符
- 如何在按键上向textArea添加字符
- 如何向父窗口的组件添加字符
- 如何在h2 innerhtml之前和之后添加字符
- 如何一个接一个地添加字符到输入字段,而不是在javascript中使用sth.value() = sth
- 向管理输入和文本区域添加字符计数
- 为foreach循环添加字符计数函数
- Jquery -在字符串的第一个字符之后添加字符
- NodeJs在一系列字符串之后添加字符
- 添加字符的 Javascript RegExp 对象