попробуй на textarea-ю повесить onkeyup, onclick и onselect - при возникновении которых в функции проверять колличество введенного текста.
пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Test</title>
<script type="text/javascript">
var count = 10;
function check_limit(event){
event = event || window.event;
var t_obj = event.target || event.srcElement;
var i_obj = document.getElementById('count_char');
i_obj.innerText = 'введенно: ' + t_obj.value.length +
', осталось: ' + (count - t_obj.value.length >= 0 ? count - t_obj.value.length : 0) +
', превышение: ' + (t_obj.value.length <= count ? 0 : t_obj.value.length - count);
}
function clear_text(){
document.getElementById('test_textarea').value = '';
document.getElementById('count_char').innerText = 'введенно: 0, осталось: ' + count + ', превышение: 0';
}
</script>
</head>
<body>
<div id="count_char">введенно: 0, осталось: 10, превышение: 0</div>
<textarea name='test_textarea' onclick="check_limit()" onkeyup="check_limit()" style="width:400px; height:400px; border:1px solid #000"></textarea>
<br><input type="button" value="Очистить" onclick="clear_text()" />
</div>
</body>
</html>