Счетчик символов, введенныых в поле text

@Chein · Регистрация: 07.08.2007

Author24 — интернет-сервис помощи студентам

Собственно, как сделать сабж?

Имеется код:

Код

<tr>
<td class=mid colspan=2><b>Заголовок:</b><font class=small>(до 255 символов)</font>

<input type=text size=87 name=Title maxlength=255>
</td>
</tr>

Мне нужно вместо '(до 255 символов)' вывести счетчик текущего количества введенных символов, что-то вроде '12 из 255'. Соответственно, цифра должна меняться при вводе/удалении символа.
Я помню, что в JS есть такой метод - InnerHTML, но как его реализовать - на знаю.
Подскажите, плз.

@parashin · 07.01.2008, 20:33

14.01.2008, 12:05

Попробуй вот этот код

function checkLenght()
{
var i = 255
document.txtCounter.Title.value = i - document.test.Title.value.lenght
}

<tr>
<form action='' method='' name='test'>
<td class=mid colspan=2>
<b>Заголовок:</b>
<font class=small>
<input type='text' style='border:none' name='txtCounter'>
</font>

<input type=text size=87 name=Title maxlength=255 onkeypress='checkLenght();'>
</td>
</form>
</tr>

14.01.2008, 13:13

В техстовом элементе формы 'txtCounter' при вводе текста мне выдает значение NaN. Что это значит?

14.01.2008, 13:48

То что надо было отладить

Код

<HTML>
<HEAD>
<SCRIPT LANGUAGE=javascript>
<!--
function checkLenght()
{
var i = 255 
document.test.txtCounter.value = i - document.test.txtTitle.value.length
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<table>
<tr>
<form action='' method='' name='test'>
<td class=mid colspan=2> 
<b>Заголовок:</b>
<font class=small>
<input type='text' style='border:none' name='txtCounter'>
</font>


<input type='text' size='87' name='txtTitle' maxlength='255' onkeydown='checkLenght();'>
</td>
</form>
</tr>
</table>
</BODY>
</HTML>

@Chein · 16.01.2008, 18:13 **[ТС]**

parashin, на Ваш код броузер пишет 'Ошибка синтаксиса'.

Maverick, а на Ваш требует идентификатор - ошибка, с которой я вообще не сталкивался в JS.

)-8:

16.01.2008, 18:22

еще раз проверил
все замечательно работает
(Проверял под IE)

@Chein · 16.01.2008, 18:37 **[ТС]**

Maverick, пост от 06.11.2001 14:11.
IE 5.0 пишет: 'Предполагается наличие объекта', ругается на <input type='text' size='87' name='txtTitle' maxlength='255' onkeydown='checkLenght();'>

16.01.2008, 19:16

потому что слова Lenght в английском языке не существует
есть Length

@Chein 0 / 0 / 0 Регистрация: 07.08.2007 Сообщений: 62
		1
	Счетчик символов, введенныых в поле text 07.01.2008, 18:36. Показов 1652. Ответов 8 Метки нет (Все метки) Собственно, как сделать сабж? Имеется код: Код <tr> <td class=mid colspan=2><b>Заголовок:</b><font class=small>(до 255 символов)</font> <input type=text size=87 name=Title maxlength=255> </td> </tr> Мне нужно вместо '(до 255 символов)' вывести счетчик текущего количества введенных символов, что-то вроде '12 из 255'. Соответственно, цифра должна меняться при вводе/удалении символа. Я помню, что в JS есть такой метод - InnerHTML, но как его реализовать - на знаю. Подскажите, плз. 0

@parashin 1 / 1 / 0 Регистрация: 21.06.2007 Сообщений: 654
	07.01.2008, 20:33	2
	<input type=text name=Text onchange='javascript:document.all('inner_text').innerText=this.value'> <div name=inner_text></div> 0

ars
	14.01.2008, 12:05	3
	Попробуй вот этот код function checkLenght() { var i = 255 document.txtCounter.Title.value = i - document.test.Title.value.lenght } <tr> <form action='' method='' name='test'> <td class=mid colspan=2> <b>Заголовок:</b> <font class=small> <input type='text' style='border:none' name='txtCounter'> </font> <input type=text size=87 name=Title maxlength=255 onkeypress='checkLenght();'> </td> </form> </tr>

Sultan
	14.01.2008, 13:13	4
	В техстовом элементе формы 'txtCounter' при вводе текста мне выдает значение NaN. Что это значит?

@Chein 0 / 0 / 0 Регистрация: 07.08.2007 Сообщений: 62
	16.01.2008, 18:13 [ТС]	6
	parashin, на Ваш код броузер пишет 'Ошибка синтаксиса'. Maverick, а на Ваш требует идентификатор - ошибка, с которой я вообще не сталкивался в JS. )-8: 0

ars
	16.01.2008, 18:22	7
	еще раз проверил все замечательно работает (Проверял под IE)

@Chein 0 / 0 / 0 Регистрация: 07.08.2007 Сообщений: 62
	16.01.2008, 18:37 [ТС]	8
	Maverick, пост от 06.11.2001 14:11. IE 5.0 пишет: 'Предполагается наличие объекта', ругается на <input type='text' size='87' name='txtTitle' maxlength='255' onkeydown='checkLenght();'> 0

Sultan
	16.01.2008, 19:16	9
	потому что слова Lenght в английском языке не существует есть Length