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

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

Очень просто, и никакой AJAX не нужен, только минимум HTML & JavaScript.

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

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

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.

Пример? Зайдите в добавление комментария к этой статье.

 на сайт

09.03.2010, 23:14 [8305 просмотров]


теги: javascript html

показать комментарии (1)