Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2014, 02:45
Кандидат Javascript-наук
Отправить личное сообщение для zoOmer Посмотреть профиль Найти все сообщения от zoOmer
 
Регистрация: 21.05.2013
Сообщений: 131

Подсчет количества символов jquery
Доброго времени ув. Знатоки помогите довести до ума скрипт.

Есть скрипт
$(document).ready(function()
{
$("#contentbox").keyup(function()
{
var box=$(this).val();
var main = box.length *100;
var value= (main / 145);
var count= 145 - box.length;

if(box.length <= 145)
{
$('#count').html(count);
$('#bar').animate(
{
"width": value+'%',
}, 1);
}
else
{
alert(' Full ');
}
return false;
});

});


#bar
{
background-color:#5fbbde;
width:0px;
height:16px;
}
#barbox
{
float:right; 
height:16px; 
background-color:#FFFFFF; 
width:100px; 
border:solid 2px #000; 
margin-right:3px;
-webkit-border-radius:5px;-moz-border-radius:5px;
}
#count
{
float:right; margin-right:8px; 
font-family:'Georgia', Times New Roman, Times, serif; 
font-size:16px; 
font-weight:bold; 
color:#666666
}
#contentbox
{
width:450px; height:50px;
border:solid 2px #006699;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}


<div>
<div id="count">145</div>
<div id="barbox"><div id="bar"></div></div>
</div>
<textarea id="contentbox"></textarea>



Помогите сделать так чтоб когда счетчик выводит 0 символов больше символов уже было не возможно ввести. Чтоб они после 0 автоматически удалялись.
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2014, 08:20
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Почитайтк про атрибут maxlenght
Ответить с цитированием
  #3 (permalink)  
Старый 19.09.2014, 18:58
Новичок на форуме
Отправить личное сообщение для samber Посмотреть профиль Найти все сообщения от samber
 
Регистрация: 19.09.2014
Сообщений: 3

var maxLen=145;
var str=$("#contentbox").val();
$("#contentbox").val(str.split(maxLen+1,str.length-1)[0]);
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменять размер шрифта относительно количества символов winter Общие вопросы Javascript 7 12.06.2019 19:11
Подсчет количества кликов мыши на объект в jquery Евгений_86 Events/DOM/Window 27 03.02.2019 03:46
Контроль количества вводимых в форму символов y0uix Events/DOM/Window 4 22.10.2013 19:12
Ширина поля input text в зависимости от количества символов rekon87 (X)HTML/CSS 7 14.06.2013 22:55
Выделение символов ввода в jQuery Autocomplete Luter1984 Библиотеки/Тулкиты/Фреймворки 1 04.02.2013 10:13