DWWEB.RU
СКРИПТЫ

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

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

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

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> 

Результат:

Сообщение:

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

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

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

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