ИМХО, самый адекватный вариант (учитывает любые символы, т.к. и перенос строки и табуляция - это символ, причем в винде перенос строки = 2 символам).
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<form id="frmText">
<textarea name="myText" id="myText">
</textarea>
</form>
<p>
Осталось символов: <span id="symLeft"></span>
</p>
<script language="JavaScript" type="text/javascript">
var MAXLEN = 50;
function checkLen(e) {
var text = e.myText.value;
var cut = false;
var len = MAXLEN + 1;
var mult = 1;
while (len > MAXLEN) {
len = text.length;
if (len > MAXLEN) {
text = text.substr(0, text.length - 1);
cut = true;
}
}
if (cut)
e.myText.value = text;
var lenLeft = MAXLEN - len;
document.getElementById('symLeft').innerHTML = lenLeft;
return (len < MAXLEN);
}
var f = document.getElementById('frmText');
f.myText.onkeyup = function() { return checkLen(f); }
</script>
</body>
</html>
Я может что-то не так понял, но вроде ты не хочешь чтобы счетчик срабатывал на переносе строки, тогда так:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<form id="frmText">
<textarea name="myText" id="myText">
</textarea>
</form>
<p>
Осталось символов: <span id="symLeft"></span>
</p>
<script language="JavaScript" type="text/javascript">
var MAXLEN = 50;
function checkLen(e) {
var text = e.myText.value;
var cut = false;
var len = MAXLEN + 1;
var mult = 1;
if (navigator.userAgent.indexOf('Windows') != -1)
mult = 2;
while (len > MAXLEN) {
len = text.length;
var find = text.match(/\r\n|\r|\n/g);
if (find != null)
len -= find.length*mult;
if (len > MAXLEN) {
text = text.substr(0, text.length - 1);
cut = true;
}
}
if (cut)
e.myText.value = text;
var lenLeft = MAXLEN - len;
document.getElementById('symLeft').innerHTML = lenLeft;
return (len < MAXLEN);
}
var f = document.getElementById('frmText');
f.myText.onkeyup = function() { return checkLen(f); }
</script>
</body>
</html>
Проверял и в винде и в линухе, тут суть в том, что он находит в тексте символы переноса строки и отнимает их от всей длины текста, либо с множителем два (если у нас винда), либо с множителем 1, если не винда.
Также можно в конце скриптовой части добавить пару строк (привязать эту функцию ко всем телодвижениям), чтобы счетчик реагировал на контекстое меню мыши типа копировать вставить вырезать и другие манипуляции:
f.myText.onchange = function () { checkLen(f); }
f.myText.onfocus = function () { checkLen(f); }
f.myText.onblur = function () { checkLen(f); }
f.myText.onselect = function() { checkLen(f); }
f.myText.onmouseout = function () { checkLen(f); }
f.myText.onmousemove = function () { checkLen(f); }
И так, наиболее полный вариант, который не воспринимает переносы строк и реагирует на мышку выглядит примерно так:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<form id="frmText">
<textarea name="myText" id="myText">
</textarea>
</form>
<p>
Осталось символов: <span id="symLeft"></span>
</p>
<script language="JavaScript" type="text/javascript">
var MAXLEN = 50;
function checkLen(e) {
var text = e.myText.value;
var cut = false;
var len = MAXLEN + 1;
var mult = 1;
if (navigator.userAgent.indexOf('Windows') != -1)
mult = 2;
while (len > MAXLEN) {
len = text.length;
var find = text.match(/\r\n|\r|\n/g);
if (find != null)
len -= find.length*mult;
if (len > MAXLEN) {
text = text.substr(0, text.length - 1);
cut = true;
}
}
if (cut)
e.myText.value = text;
var lenLeft = MAXLEN - len;
document.getElementById('symLeft').innerHTML = lenLeft;
return (len < MAXLEN);
}
var f = document.getElementById('frmText');
f.myText.onkeyup = function() { return checkLen(f); }
f.myText.onchange = function () { checkLen(f); }
f.myText.onfocus = function () { checkLen(f); }
f.myText.onblur = function () { checkLen(f); }
f.myText.onselect = function() { checkLen(f); }
f.myText.onmouseout = function () { checkLen(f); }
f.myText.onmousemove = function () { checkLen(f); }
</script>
</body>
</html>
Не знаю так я понял про переносы или не так) а с input type=text тебе уже подсказали, а если хочешь сделать также счетчик, то тут все также будет, только переносы строки вообще можно даже не искать. Могу и такой пример выложить.