Определение кол-во введенных символов.

12
Seredniy
На сайте с 17.03.2008
Offline
251
648

Собственно нужно чтобы человек вставил текст в форму, ему высветилось сколько знаков без пробелов. Вот такая байда, кто-то знает как организовать?

Wordpress и другие CMS: правки, настройка, верстка и натяжка шаблонов, разработка сайтов "под ключ" (/ru/forum/1008050)
[umka]
На сайте с 25.05.2008
Offline
456
#1

примерно так :)

var somefield=document.getElementById('somefield'); // ну или ещё каким-то способом получаем объект

var len=somefield.value.length;

Лог в помощь!
n0name
На сайте с 22.12.2006
Offline
54
#2
koketkade:
var somefield=document.getElementById('somefield'); // ну или ещё каким-то способом получаем объект
somefield = somefield.replace(" ", ""));
var len=somefield.value.length;

Ваш вариант будет неправильно работать, так как он только первый пробел удаляет.

Так лучше

var len=somefield.value.replace(/ /g, '').length;
Сервис сравнения цена на VPS (http://vpska.com/)
Seredniy
На сайте с 17.03.2008
Offline
251
#3

А практический пример можно? Просто здесь реально туговато у меня)

[umka]
На сайте с 25.05.2008
Offline
456
#4

<html>

<body>

Text: <input type="text" id="somefield" value="" onkeyup="upd();"><br>

Length: <input type="text" id="len" value="">

<script>

var somefield=document.getElementById('somefield');

var len=document.getElementById('len');

function upd() {

len.value=somefield.value.replace(/ /g, '').length;

}

</script>

</body>

</html>

Seredniy
На сайте с 17.03.2008
Offline
251
#5

Варианты рабочие, но беда в том, что скрипт считает (нажтие ентера) как символ...

[umka]
На сайте с 25.05.2008
Offline
456
#6
Seredniy:
Варианты рабочие, но беда в том, что скрипт считает (нажтие ентера) как символ...

тогда так

len.value=somefield.value.replace(/[\s\r\n]/g, '').length;

Seredniy
На сайте с 17.03.2008
Offline
251
#7
'[umka:
;9001090']тогда так

len.value=somefield.value.replace(/[\s\r\n]/g, '').length;

Огромное Вам спасибо! Все работает, буду дальше делать свою супер-пупер систему управления заказами)

Mik Foxi
На сайте с 02.03.2011
Offline
1216
#8

<script language="javascript">

function schet()
{
var text = document.getElementById('text');
var content = text.value;
var dlina = content.length;
var divx = document.getElementById('divx');
divx.innerHTML = 'Вы ввели ' + dlina;
}
</script>
<span id="divx" style="font:bold; color:#FF0000;"></span>
<textarea name="usermess" onkeyup="schet()" id="text"></textarea>

моментальный подсчет при вводе.

Антибот, антиспам, веб фаервол, защита от накрутки поведенческих: https://antibot.cloud/ (8 лет на защите сайтов). Форум на замену серчу: https://foxi.biz/
Seredniy
На сайте с 17.03.2008
Offline
251
#9
foxi:
<script language="javascript">

function schet()
{
var text = document.getElementById('text');
var content = text.value;
var dlina = content.length;
var divx = document.getElementById('divx');
divx.innerHTML = 'Вы ввели ' + dlina;
}
</script>
<span id="divx" style="font:bold; color:#FF0000;"></span>
<textarea name="usermess" onkeyup="schet()" id="text"></textarea>


моментальный подсчет при вводе.

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

Mik Foxi
На сайте с 02.03.2011
Offline
1216
#10
Seredniy:
А как сделать, чтобы количество символов заносилось в инпут рядом?

попробуй присвоить инпуту id="divx"

12

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