Функция подсчёта знаков, введённых в поле

@Ципихович Эндрю · Регистрация: 10.04.2009

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

Здравствуйте, учусь беру с работающих примеров
чуток переделаешь, потому, что путаюсь где зарезервированное слово джавыскрипт где нет и всё - мимо
данный код не работает, я правильно, всё переправил, что выводится должно в
в ... с id="name_coun1", а именно длина знаков с формы с id="ContactForm" с поля ввода с name="TextMessage"???
код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!--функция подсчёта знаков введённых в поле, нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript">
//подсчёт после перезагрузки
$(document).ready(function(){
var value =$('#ContactForm input[name="TextMessage"]').attr('value')
alert(value.length);
$('#name_coun1').html(value.length);
 
//подсчёт после ввода символа в поле, после срабатывания keyup
$('#ContactForm input[name="TextMessage"]').keyup(function(){
var value =$('#ContactForm input[name="TextMessage"]').attr('value')
alert(value.length);
$('#name_coun1').html(value.length);
});
});
</script>
<!--конец функции подсчёта знаков введённых в поле-->

KOPOJI · 21.10.2012, 23:19

Сообщение от Ципихович Эндрю

JavaScript
1
var value =$('#ContactForm input[name="TextMessage"]').attr('value')

JavaScript
1
var contactForm = $('#ContactForm').val();

пара вопросов..
1. зачем дважды объявлять одно и тоже по сути..?
2. зачем до загрузки события ловить value у инпута и выводить его длину куда-то если оно пустое (или четко фиксированное, вами в атрибуте value)?

@Ципихович Эндрю · 22.10.2012, 08:22 **[ТС]**

1 не знаю, в примере так было и работало, в тоже время alert я поставил и срабатывает один раз, поэтому я закомментировал как

Сообщение от Ципихович Эндрю

//подсчёт после перезагрузки

и

Сообщение от Ципихович Эндрю

//подсчёт после ввода символа в поле, после срабатывания keyup

Сообщение от KOPOJI

2. зачем до загрузки события ловить value у инпута и выводить его длину куда-то если оно пустое (или четко фиксированное, вами в атрибуте value)?

не знаю
что с этим делать?

Сообщение от KOPOJI

var contactForm = $('#ContactForm').val();

KOPOJI · 22.10.2012, 10:05

Сообщение от Ципихович Эндрю

что с этим делать?

заменить строчку, которую я цитировал на ту, которую я написал

Добавлено через 55 секунд
и везде заменить после этого value на contactForm

@Ципихович Эндрю · 22.10.2012, 11:20 **[ТС]**

Сообщение от KOPOJI

1. зачем дважды объявлять одно и тоже по сути..?

так всё же оставляем два раза?

KOPOJI · 22.10.2012, 11:26

ну при загрузке страницы у вас там пустота же будет, так? тогда смысла с этого я лично не вижу. Оставляем только при нажатии клавиши

@Ципихович Эндрю · 22.10.2012, 11:28 **[ТС]**

при загрузке\перезагрузке алерт выводит: 6, символы ввожу - ноль реакции, конечный код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!--функция подсчёта знаков введённых в поле с id ..., нужен файл jquery-1.8.0.min.js-->
 
<script type="text/javascript">
 
//подсчёт после перезагрузки
 
$(document).ready(function(){
 
var contactForm = $('#ContactForm').val();
 
alert(ContactForm.length);
 
$('#name_coun1').html(ContactForm.length);
 
 
 
//подсчёт после ввода символа в поле, после срабатывания keyup
 
$('#ContactForm input[name="TextMessage"]').keyup(function(){
 
var contactForm = $('#ContactForm').val();
 
alert(ContactForm.length);
 
$('#name_coun1').html(ContactForm.length);
 
});
 
});
 
</script>
 
<!--конец функции подсчёта знаков введённых в поле с id ...-->

??

KOPOJI · 22.10.2012, 11:37

Сообщение от Ципихович Эндрю

var contactForm

Сообщение от Ципихович Эндрю

alert(ContactForm.length);

вы сами не видите разницы в названиях?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script type="text/javascript">
 
//подсчёт после перезагрузки
 
$(document).ready(function(){
 
var contactForm = $('#ContactForm').val();
 
alert(contactForm.length);
 
$('#name_coun1').html(ContactForm.length);
 
 
 
//подсчёт после ввода символа в поле, после срабатывания keyup
 
$('#ContactForm').keyup(function(){
 
var contactForm = $('#ContactForm').val();
 
//alert(contactForm.length);
 
$('#name_coun1').html(contactForm.length);
 
});
 
});
 
</script>

Добавлено через 1 минуту
если уж хотите чтобы алертом выводилось - вешайте не на keyup а на keydown, иначе он постоянно будет срабатывать

@Ципихович Эндрю · 22.10.2012, 11:46 **[ТС]**

Сообщение от KOPOJI

вешайте не на keyup а на keydown

засухарилось

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!--функция подсчёта знаков введённых в поле с id ..., нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript">
//подсчёт после перезагрузки
$(document).ready(function(){
var ContactFormValue = $('#ContactForm').val();
alert(ContactFormValue.length);
$('#name_coun1').html(ContactFormValue.length);
 
//подсчёт после ввода символа в поле, после срабатывания keydown - опускание клавиши, keyup - поднятие клавиши
$('#ContactForm input[name="TextMessage"]').keydown(function(){
var ContactFormValue = $('#ContactForm').val();
alert(ContactFormValue.length);
$('#name_coun1').html(ContactFormValue.length);
});
});
</script>
<!--конец функции подсчёта знаков введённых в поле с id ...-->

KOPOJI · 22.10.2012, 11:49

Сообщение от Ципихович Эндрю

засухарилось

это как? должно работать все..

@Ципихович Эндрю · 22.10.2012, 11:53 **[ТС]**

при перезагрузке и алерт и вывод на странице верный 0
при вводе с клавиатуры - тишина..., вывод на странице тот же - 0

KOPOJI · 22.10.2012, 12:02

Сообщение от Ципихович Эндрю

JavaScript
1
$('#ContactForm input[name="TextMessage"]').keydown(function(){

сколько мне еще раз поправлять эту строчку!?

JavaScript
1
$('#ContactForm').keydown(function(){

@Ципихович Эндрю · 22.10.2012, 13:30 **[ТС]**

стыдно сказать, но всё же надо с темой заканчивать...
при вводе знаков всегда в алерте 0, на странице тоже 0

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!--функция подсчёта знаков введённых в поле с id ..., нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript">
//подсчёт после перезагрузки, ready - готовый
$(document).ready(function(){
//var ContactFormValue = $('#ContactForm').val();
//length - длина
//alert(ContactFormValue.length);
//$('#name_count').html(ContactFormValue.length);
 
alert($('#ContactForm').val().length);
$('#name_count').html($('#ContactForm').val().length);
 
//подсчёт после ввода символа в поле, после срабатывания keydown - опускание клавиши, keyup - поднятие клавиши
$('#ContactForm').keydown(function(){
//var ContactFormValue = $('#ContactForm').val();
//length - длина
//alert(ContactFormValue.length);
//$('#name_count').html(ContactFormValue.length);
 
alert($('#ContactForm').val().length);
$('#name_count').html($('#ContactForm').val().length);
});
});
</script>

всё же мне не доходит почему я обращаюсь

JavaScript
1
alert($('#ContactForm').val().length);

а не на прямую

JavaScript
1
alert($('#name_count').val().length);

KOPOJI · 22.10.2012, 13:33

Сообщение от Ципихович Эндрю

а не на прямую

я не пойму.. я думал это див для ответа с id="name_count" покажите html-код

@Ципихович Эндрю · 22.10.2012, 13:35 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<form id="ContactForm" action='index.php' method="post">
Ваше имя:<br>
<input name="fnm" class="TheInputField" type="text" value="">
<br><p></p>
 
Ваше сообщение:<br>
<textarea name="TextMessage" cols="50" rows="6"></textarea>
<br> 
Количество введённых символов: <span id="name_count">0</span>
<p></p>
 
Ваш e-mail адрес:<br>
<input name="email" class="TheInputField" type="text" value="">
<br><p></p> 
 
Введите правильный ответ примера: <span id="job"></span><br>
<input name="summa" class="TheInputFieldSumma" type="text" id='summa' value=""><br>
<input name="hidden" class="TheInputFieldHidden" type="hidden" value="ok">
<br>
<input name="Submit" type="submit" value="Отправить сообщение" onClick="return Formdata(this.form)">
</form>

KOPOJI · 22.10.2012, 13:37

тогда как то так

JavaScript
1
var ContactFormValue = $('textarea[name="TextMessage"]').val();

@Ципихович Эндрю · 22.10.2012, 18:43 **[ТС]**

согласен, сейчас оконечный вариант напишу, глянем...

Добавлено через 8 минут
блин такого еще не было при вводе текста в алерте на один меньше считает, на странице правильно пишет
???

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!--функция подсчёта знаков введённых в поле с id ..., нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript">
//подсчёт после перезагрузки, ready - готовый
$(document).ready(function(){
//значение с textarea с именем "TextMessage"
//var ContactFormValue = $('textarea[name="TextMessage"]').val();
//length - длина
//alert(ContactFormValue.length);
//$('#name_count').html(ContactFormValue.length);
alert($('textarea[name="TextMessage"]').val().length);
$('#name_count').html($('textarea[name="TextMessage"]').val().length);
 
//подсчёт после ввода символа в поле, после срабатывания keydown - опускание клавиши, keyup - поднятие клавиши
$('#ContactForm').keydown(function(){
//значение с textarea с именем "TextMessage"
//var ContactFormValue = $('textarea[name="TextMessage"]').val();
//length - длина
//alert(ContactFormValue.length);
//$('#name_count').html(ContactFormValue.length);
alert($('textarea[name="TextMessage"]').val().length);
$('#name_count').html($('textarea[name="TextMessage"]').val().length);
});
});
</script>
<!--конец функции подсчёта знаков введённых в поле с id ...-->

Добавлено через 41 минуту
апну

Сообщение от Ципихович Эндрю

блин такого еще не было при вводе текста в алерте на один меньше считает, на странице правильно пишет

2
тут ещё случайно попробовал на Опере и на Хромикуме - совершенно разные результаты

Добавлено через 4 часа 15 минут
только сейчас увидел, что на странице textarea защищена от вырезания с неё текста, и от вставки в неё текста - как это достигается и как от этого избавится?
и может все беды предыдущего поста от этого?

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	22.10.2012, 11:26
	ну при загрузке страницы у вас там пустота же будет, так? тогда смысла с этого я лично не вижу. Оставляем только при нажатии клавиши 1

@Ципихович Эндрю 1711 / 578 / 76 Регистрация: 10.04.2009 Сообщений: 9,308
	22.10.2012, 11:53 [ТС]
	при перезагрузке и алерт и вывод на странице верный 0 при вводе с клавиатуры - тишина..., вывод на странице тот же - 0 0