UniSite CMS - Современный движок для Ваших сайтов.

ZHUR ARTUR.ru

Персональный блог по созданию
мощных и современных Web-Проектов!

Доллар тому— кто придумал, десять тому— кто сделал, сто тому— кто продал. Американская поговорка

»

Введите код полученный после подписки

  • 1

  • 0

Подсчёт длины текста с помощью JQuery

Автор - Жур Артур | Добавлено - 2014-01-05 | Просмотров - 4732 | Скачено - 6

1Подключение плагина JQuery

Первое что нужно это подключить плагин JQuery, скачать его можно тут. Разместите его на ваш сайт и подключите к страницам. Без этого плагина JQuery код работать не будет!


Сам JQuery код

Данный код разместите у себя на странице в тегах head или добавте его в отдельный js файл.

$(document).ready(function() {
  
 $("#maintxt").keyup(function(){
    
 var lentxt = $('#maintxt').val().replace(/\s+/g,'').length;
 $("#lentext").val("Длина текста - "+lentxt);

 }); 
     
});
  • #maintxt - id поля в котором у вас текст, в нашем случае это textarea.
  • keyup - С помощью этого свойства при каждом вводе текста будет обновляться функция подсчёта.
  • var - Указываем, что работаем с переменной.
  • lentxt = $('#maintxt').val().replace(/\s+/g,'').length; - #maintxt - поле в котором нужно подсчитать текст.
  • val() - Указываем, что будем работать с текстом которое в поле #maintxt
  • replace(/\s+/g,'') - Удаление пробелов.
  • length - Свойство для подсчёта текста.

Помещаем в поле input подсчитанный текст


$("#lentext").val("Длина текста - "+lentxt);

#lentext - id поля в которое вы хотите поместить результат подсчёта.

2Подсчёт текста с пробелами.

Для этого всего-навсего нужно убрать replace(/\s+/g,'')

$(document).ready(function() {
  
 $("#maintxt").keyup(function(){
    
 var lentxt = $('#maintxt').val().length;
 $("#lentext").val("Длина текста - "+lentxt);

 }); 
     
});

HTML разметка




  • <br /> - Тег переноса строки.
  • <center> - Данный тег делает любой объект по центру.
  • spellcheck="false" - Убирает красное пунктирное подчеркивание в textarea.

Интересное

Комментарии