Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Посчитать знаки в тексте онлайн в форме.

Поддержи проект!!!

Мы убьем сразу два зайца! Это про поисковые запросы! Очень мало ищут посчитать количество знаков в форме, но очень много ищут, как посчитать количество знаков в тексте, еще больше ищут - как посчитать количество символов в тексте с пробелами!

Поэтому сделаем два варианта: первый - простая форма для почета количества символов в тексте , а уже во втором варианте разберем как это работает с разбором кода !

1.

Форма с подсчетом количества символов в тексте.

Сообщение:


Вы набрали сообщение длиной символов

2.

Подсчет количества знаков в форме

Очень давно мне нужна был скрипт, который посчитает количество знаков в форме и чтобы это было в реальном времени! Для этого понадобится javascript.

Тогда для меня - это казалось чем - то заоблачным, теперь мы в состоянии сами написать – и давайте сделаем нашу форму, в которой будет происходить подсчёт количества символов в форме и сделаем ещё такую фишку, что как только количество знаков перейдёт за определенной количество, то текст покрасим в красный!

Обычная форма, кроме нескольких записей – onchange, onfocus, onkeypress – их нужно применить именно 3 штуки, а иначе не будет работать… Не будем здесь углубляться – как-нибудь сделаем отдельные страницы на эти темы…

onkeyup="Count_elements()"

Форма:

<form action="" name="My_form"> 

Сообщение: 

<textarea rows="5" cols="40" name="Mess" onkeyup="Count_elements()"  ></textarea> 

Вы набрали сообщение длиной  <input size="4" value="0" name="Stroka" type="text"> символов  

</form> 

Скрипт подсчета знаков в форме.

Напишем нашу функцию, которая и будет считать количество символов в форме и будет выводить результат работы туда же в форму…

function Count_elements()

Создадим переменную, в которой у нас будет максимальное количество знаков…

var peremennaya = 10;

Обратимся к форме(form) с именем My_form(name="My_form") + второе имя(name="Mess") + получим, что есть в value + посчитаем количество знаков length и присвоим это все переменной var How_much

Получается:

var How_much = window.document.My_form.Mess.value.length;

Разницу (peremennaya - How_much) отправим в name="Stroka"(window.document.My_form.Stroka.value)

window.document.My_form.Stroka.value = peremennaya - How_much;

И последнее - покрасим в красный, если количество знаков будет меньше нашей переменной...

if(How_much > peremennaya){ document.My_form.Stroka.style.color = "red"; }

Полный скрипт посчета знаков в форме:

<script>

var peremennaya = 10;

function Count_elements() { var How_much = window.document.My_form.Mess.value.length;  window.document.My_form.Stroka.value = peremennaya - How_much;   

if(How_much > peremennaya){ document.My_form.Stroka.style.color = "red";  }

}  

</script> 

Результат:

Сообщение:


Вы набрали сообщение длиной символов


Вас может еще заинтересовать список тем : #HTML | #JS | #ALL_SERVISES |
Последняя дата редактирования : 2020-01-19 06:40
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
посчитать знаки посчитать количество знаков посчитать знаки в тексте посчитать знаки онлайн посчитать знаки в тексте онлайн посчитать количество знаков в тексте посчитать количество знаков онлайн посчитать количество знаков в тексте онлайн посчитать сколько знаков посчитать число знаков посчитать печатные знаки посчитать кол во знаков сколько знаков посчитать онлайн посчитать знаки без пробелов посчитать сколько знаков в тексте онлайн посчитать количество знаков с пробелами как посчитать сколько знаков в тексте

Последние комментарии :
Паула :
10/07/2020 06:23
Коментариев
подробнее.
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020 Мы на лучшем хостинге -> ruweb