Справочники, инструменты, документация

JavaScript: Подсчет количества вводимых символов онлайн

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

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

В теге <textarea> указать вызов одного и того же обработчика по 3 событиям:

<textarea name=message rows=3 cols=30 onselect="check_msg();" onclick="check_msg();" onkeyup="check_msg();"></textarea>

Подготовить текстовый элемент <p>, куда будет писаться длина набранного текста, например:

<p id="helpbox"></p>

Вставить перед формой, содержащей <textarea>, скрипт с функцией следующего вида:

<script type="text/javascript">
  function check_msg() {
    var l = document.f1.message.value.length;
    document.getElementById('helpbox').innerHTML = 'Введено символов: ' + l;
  }
</script>

Пример в работе: