0

что бы сделать простой счетчик, делаем так:

$(function() {
$('#keyup').keyup(function(){
    $('.keyup').text('Введено: ' + $(this).val().length);
});

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

4
  • 2
    есть такая замечательная штука в программировании - условия ;)
    – user3545
    12 дек 2011 в 13:29
  • умное замечание, но я потратил уже 4 часа и у меня не заработало ничего, поэтому пошел на форум.
    – YarNik
    12 дек 2011 в 13:32
  • и у меня не заработало ничего Может это означает что надо дальше учить javascript, а не идти на форум?
    – user3545
    12 дек 2011 в 13:36
  • 1
    извините, что Вы тут делаете? Вы забыли назначения форума.
    – YarNik
    12 дек 2011 в 13:45

2 ответа 2

3
$(function() {
$('#keyup').keyup(function(){
  var l = $(this).val().length;
  if (l < 50) { $('.keyup').hide(); return false; }
  var c = (l > 100) ? '#FF0000' : '#000000';
  $('.keyup').show().text('Введено: ' + l).css({color: c});
});

Примерно так, могут быть неточности.

1
  • спасибо, заработало вроде нормально.
    – YarNik
    12 дек 2011 в 13:43
1

гыгы :))) Тууупой счетчик :)))

делаем умный :

$(function() {
$('#keyup').keyup(function(){
    var len = $(this).val().length;
    if(len && len > 59 && len < 100) 
            $('.keyup').text('Введено: ' + len);
    else if (len && len > 100)
            $('.keyup').text('<font color="red">Введено: ' + len + '</font>');
    else return;

});

так проще всего, но быдлокод :)

2
  • ксати в браузере почему то так и пишется <font color="red"> а не превращается в тег html
    – YarNik
    12 дек 2011 в 13:43
  • гыгы :)) Не заметил :))) Вы же text вставляете :) Молодец, товарищ... сбил меня с толку :) Случаем, под .keyup не input / textarea скрывается ? :D 12 дек 2011 в 14:13

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.