Nickolay.info. Javascript. Как динамически отображать длину текста, вводимого в поле формы? |
Очень просто, и никакой AJAX не нужен, только минимум HTML & JavaScript.
1. В теге <textarea> указать вызов одного и того же обработчика по 3 событиям:
<textarea name=message rows=3 cols=32 onselect="check_msg();" onclick="check_msg();" onkeyup="check_msg();"> </textarea>
- нужно именно так, иначе не будет работать, как минимум, в Internet Explorer.
2. Подготовить текстовый элемент <span>, куда будет писаться длина набранного текста, например, такой:
<span id="helpbox" style="width:450px; font-size:10px"></span>
3. Вставить перед формой, содержащей <textarea>, скрипт с функцией следующего вида:
<script type="text/javascript"> function check_msg() { var l=document.f1.message.value.length; document.getElementById('helpbox').innerHTML = 'Введено символов: '+l; } </script>
- здесь предполагается, что форма, содержащая тег <textarea>, называется f1
, то есть,
имеет открывающий тег с атрибутом name
вида <form name="f1">
). Пример в работе:
гостевая; E-mail |