Rails:使用Jquery进行Text_Area字符计数
Rails: Using Jquery for Text_Area character count
我的目标是将keycount放在text_area上方的空白'p'元素中。这是我的erb和javascript:
<div class="field">
<p id="char-limit"></p>
<%= f.label :essay %><br>
<%= f.text_area :essay, :id => "essay-form" %>
</div>
(顺便说一句,这是我javascript文件中的全部内容)
$("#essay-form").on("keyup", function() {
var charCount = $("#essay-form").val().length;
//The text in the p element with id char-limit is equivelent to num of chars
$("#char-limit").html(charCount);
if (charCount > 10) {
$("#char-limit").css("color", "red");
} else {
$("#char-limit").css("color", "black");
}
});
唯一的问题是,当我开始键入时,并没有将字符数count添加到char limit p元素中。
试试这个:
function updateCounter(){
var charCount = $("#essay-form").val().length;
//The text in the p element with id char-limit is equivelent to num of chars
$("#char-limit").html(charCount);
if (charCount > 10) {
$("#char-limit").css("color", "red");
} else {
$("#char-limit").css("color", "black");
}
};
和
<div class="field">
<p id="char-limit"></p>
<%= f.label :essay %><br>
<%= f.text_area :essay, :id => "essay-form", onkeydown="updatecount()" %>
</div>
希望得到帮助。:)
相关文章:
- 在JavaScript中输出转义字符
- 不同浏览器中的空白字符正则表达式行为
- Regex匹配除“”之外的所有字符;.js”;
- 拆分文本以每隔n个字符添加一行新行,并注意空格
- 使用RegExp查找url中的字符
- 如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码
- 使用正则表达式将输入格式设置为单字符逗号、单字符逗号等
- 允许在文本框中使用某些字符
- 根据页面的位置突出显示文本中的字符
- 元素的内容必须由格式正确的字符数据或标记组成
- 如何将字符串拆分为字符,但在javascript中保留空格
- 使用Google Maps API向标记添加多个字符
- 处理JSON字符串会导致JavaScript错误
- 单元格的工具提示或标题不显示超过2000个字符
- javascript替换换行符和特殊字符
- angularjs删除动态形式元素中的特殊字符
- 元素名称上带有短划线 (-) 字符的 Json 对象
- 无法呈现js unicode字符“u1F310”
- 从指定范围创建字符数组
- 附加“;显示更多“;仅当满足设定的字符数时,链接到截断的段落