Длина области текстовой области jquery?

У меня есть поле текстовой области, где мне нужно предоставить информацию о подсчете слов, когда пользователь вводит какой-либо текст в поле. Длина поля должна быть 500 символов. Первоначально он должен показать

мин. символов: 100 | 0 из 500//0 из 500 должно быть красного цвета

и как только пользователь входит, персонаж должен обновить счет. Как только пользователь достигнет значения count, укажите минимальный символ 100, мне нужно отобразить

мин. символов: 100 | 100 из 500//100 из 500 должны быть зеленого цвета.

Как я могу это сделать? есть ли какой-нибудь плагин для того же??? дайте мне знать ваши мысли об этом.

Ответ 1

Попробуйте использовать эту функцию плагина

jquery-character-counter from jqeasy.com

Ответ 2

Самый простой способ подсчета:

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

Ответ 3

$("#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/

Ответ 4

Я использую

jQuery Текстовые плагины с шаблонами символов

Примеры и документация по адресу: 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);
  }

});