jquery文本区域长度计数?
Posted
技术标签:
【中文标题】jquery文本区域长度计数?【英文标题】:jquery text area length count? 【发布时间】:2011-05-29 06:18:19 【问题描述】:我有一个文本区域字段,当用户在该字段中输入一些文本时,我需要提供有关字数的信息。该字段的长度应为 500 个字符。 最初它必须显示
最少字符:100 | 0 of 500 // 0 of 500 必须是红色
一旦用户输入,字符也需要更新计数。一旦用户达到计数说最小字符 100,我需要显示
最少字符:100 | 100 of 500 // 100 of 500 必须是绿色。
我该怎么做?有没有相同的插件??? 让我知道您对此的看法。
【问题讨论】:
【参考方案1】:最简单的计数方法:
var count = $("#your_textarea").val().length;
【讨论】:
也许您还想在值的开头和结尾修剪空格:var count = $("#your_textarea").val().trim().length;
【参考方案2】:
$("#your-text-area").on('keyup', function(event)
var currentString = $("#your-text-area").val()
$("Your Div").html(currentString.length);
if (currentString.length <= 500 ) /*or whatever your number is*/
//do some css with your div
else
//do some different stuff with your div
);
http://api.jquery.com/bind/
【讨论】:
这是更新更改计数。当我输入一些东西时,我想要那个。 @nimi 所以你应该检查 (ON)KEYUP 事件 ;)【参考方案3】:尝试使用此插件功能
jquery-character-counter from jqeasy.com
【讨论】:
感谢 mohan,我已经修改了 js 文件以包含我的要求并且工作正常。 可爱的插件。非常易于使用为我节省了至少 30 分钟的编码时间。 +1 刚刚找到这个答案,好东西,+1 jqeasy.com 好像已经消失了……有人知道这个内容现在在哪里吗? @RichardMorgan 查看我的回复:***.com/questions/4506959/…【参考方案4】:我用
jQuery Textarea 字符计数器插件
示例和文档位于:http://roy-jin.appspot.com/jsp/textareaCounter.jsp
【讨论】:
我正在寻找类似的东西。我之前看到过那个插件......不过,我认为它没有提供最少的字符数。【参考方案5】:我在 onkeydown 事件中遇到了问题,并且在 onkeyup 上取得了成功。这是我想出的用于倒数剩余字符的代码(限制为 120)
$(function()
var input = $('#my-input'), display = $('.char-count'), count = 0, limit = 120;
count = input.val().length
remaining = limit - count
update(remaining);
input.keyup(function(e)
count = $(this).val().length;
remaining = limit - count;
update(remaining);
);
function update(count)
var txt = ( Math.abs(count) === 1 ) ? count + ' Character Remaining' : count + ' Characters Remaining'
display.html(txt);
);
【讨论】:
以上是关于jquery文本区域长度计数?的主要内容,如果未能解决你的问题,请参考以下文章
使用 Javascript (jQuery) 遍历所有文本区域
如何使用 jquery 将 html 加载到 TinyMCE 文本区域中
Javascript / jQuery 获取我正在输入的文本区域的 id [重复]