jquery文本區長度計數？

Question

我有一個文本區域字段，當用戶在字段中輸入一些文本時，我需要提供有關字數的信息。 該字段的長度應為500個字符。 最初它必須顯示

最小字符：100 | 500 of 500 // 0 of 500必須為紅色

一旦用戶輸入來，字符也需要更新計數。 一旦用戶達到計數，說明最小字符100，我需要顯示

最小字符：100 | 100個500 // 100的500必須是綠色。

我怎樣才能做到這一點？？ 是否有相同的插件??? 讓我知道你對此的看法。

Answer 1

最簡單的計算方法：

var count = $("#your_textarea").val().length;

Answer 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/

Answer 3

嘗試使用此插件功能

來自jqeasy.com的jquery-character-counter

Answer 4

我用

jQuery Textarea字符計數器插件

示例和文檔位於： http ： //roy-jin.appspot.com/jsp/textareaCounter.jsp

Answer 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);
  }

});