Ограничение на количество вводимых символов в textarea

Недавно пришлось сталкнуться с необходимостью ограничения на количество вводимых символов в textarea. Проект была на php, и ясное дело что при отправке формы количество символов учитывалось. А вот как быть если надо подсчитать количество до отправки ? Помог JavaScript.

function checkLen(src_id, counter_id)
{
src_val=document.getElementById(src_id).value;
counter_val=document.getElementById(counter_id).value;
counter_val=(500-(src_val.length));
if(counter_val<0)
{
src_val=src_val.substr(0, 500);
document.getElementById(src_id).value=src_val;
counter_val=0;
}

document.getElementById(counter_id).value=counter_val;

}

И то как надо оформить textarea

<form>
<textarea name="fb_text" id="fb_text" cols="45" rows="5" onkeyup="checkLen('fb_text', 'fb_text_len')" style="width:400px; height:140px; "></textarea><div align="right">символов осталось:
<input name="fb_text_len" type="text" disabled size="3" maxlength="3" id="fb_text_len" />
</div>

</form>

Вместо 500 ставим нужное количество символов.
В инпуте показывается количество доступных символов.

Долгожданный Silverlight 3 и Expression 3 уже вышли на конвейр. Теперь создания вед приложения будет быстрым, а пользовательские приложения удобными.

Для полноценного отдыха, в Питетре, рекомендую отель Англетер, в котором высокое качество обслуживания не оставит вас равнодушным. А  из окон номера в гостинице Англетер в Питере открывается прекрасный вид на Мариинский собор

Поделиться в соц. сетях

Другое из текущей категории:

4 Replies to “Ограничение на количество вводимых символов в textarea”

Добавить комментарий для euromedical Отменить ответ