Универсальный скрипт счетчика символов в полях формы

HJ
На сайте с 14.02.2006
Offline
274
685

Как можно реализовать подсчет суммы введенных символов во всех полях textarea формы без обращения к ним по идентификатору (id)?

Т.е. вариант типа:

<script type="text/javascript">

$(document).ready(function()
{
$("#contentbox").keyup(function()
{
var box=$(this).val();
var count= box.length;

$('#count').html(count);
return false;
});

});
</script>

не подходит, т.к. ищет id=contentbox.

Можно ли сделать, чтобы просто искались все поля textarea и считалась по ним сумма символов?

---------- Добавлено 12.07.2016 в 11:53 ----------

Я пробовал присвоить всем textarea class=myclass и считать вот так:

<script type="text/javascript">

$(document).ready(function()
{
$(".myclass").keyup(function()
{
var box=$(this).val();
var count= box.length;

$('#mycount').html(count);
return false;
});

});
</script>

Но скрипт выводит кол-во символов, которое было введено только в поле, с которым работали последним, что и логично, ведь тут прописано:

var box=$(this).val(); var count= box.length;

А как суммировать значения по всем полям?

W
На сайте с 09.04.2013
Offline
46
#1
happy-joker:
А как суммировать значения по всем полям?


$(document).ready(function()
{
$(".myclass").keyup(function()
{
var count=0;
$(".myclass").each(function () {
count+=this.value.length;
});
$('#mycount').html(count);
});
});

Пример https://jsfiddle.net/dkk2j3Lh/

HJ
На сайте с 14.02.2006
Offline
274
#2

А каким образом можно посчитать кол-во слов, а не символов?

C
На сайте с 04.02.2005
Offline
277
#3

берете текст

разбивает по словам

val.split(' ')

S1
На сайте с 15.09.2016
Offline
9
#4
happy-joker:
А каким образом можно посчитать кол-во слов, а не символов?

Можно посчитать количество пробелов:

this.value.split(' ').length

SEO анализ сайта (https://seo11.ru/)
PA
На сайте с 12.02.2016
Offline
24
#5
seo11:
Можно посчитать количество пробелов:
this.value.split(' ').length

только сначала нужно нормализовать строку:

1. убрать первый и последний пробел

2. убрать двойные пробелы

. . .
S1
На сайте с 15.09.2016
Offline
9
#6
ps axf:
только сначала нужно нормализовать строку:
1. убрать первый и последний пробел
2. убрать двойные пробелы

3. В случае с textarea можно еще переносы строк заменить на пробелы.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий