jquery文本区域长度计数？答案

【问题标题】：jquery text area length count?jquery文本区域长度计数？
【发布时间】：2011-05-29 06:18:19
【问题描述】：

我有一个文本区域字段，当用户在该字段中输入一些文本时，我需要提供有关字数的信息。该字段的长度应为 500 个字符。最初它必须显示

最少字符：100 | 0 of 500 // 0 of 500 必须是红色

一旦用户输入，字符也需要更新计数。一旦用户达到计数说最小字符 100，我需要显示

最少字符：100 | 100 of 500 // 100 of 500 必须是绿色。

我该怎么做？有没有相同的插件？？？让我知道您对此的看法。

【问题讨论】：

标签： javascript jquery

【解决方案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 查看我的回复：stackoverflow.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);
  }

});

【讨论】：