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

@Ципихович Эндрю · Регистрация: 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 защищена от вырезания с неё текста, и от вставки в неё текста - как это достигается и как от этого избавится?
и может все беды предыдущего поста от этого?

Новые блоги и статьи Все статьи Все блоги /
Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .

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

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