0

У меня есть кусок кода

$('[maxlength][minlength]').focus(
    function(){
        $(this).after('<div></div>');obj=$(this).parent().find('div')
    }
).bind('keyup focus',
    function(){
        if ($(this).attr('minlength')>this.value.length){
            obj.text(($(this).attr('minlength')-this.value.length)+' символов нужно');
        }else{
            obj.text(($(this).attr('maxlength')-this.value.length)+' символов осталось');
            if (this.value.length>$(this).attr('maxlength')){
                this.value=this.value.substring(0,this.getAttribute('maxlength'));
            }
        }
    }
).blur(
    function(){
        obj.remove();
    }
);

Суть его в том, что при фокусировке на объектах в которых есть атрибуты maxlength и minlength, после них создается ДИВ в котором отображается сколько символов нужно и осталось.

Суть проблемы такова, этот скрипт работает только на созданных заранее объектах (засунут в $(document).ready()), а мне необходимо, чтобы он работал всегда.

1 ответ 1

3

Попробуйте использовать метод live(). Т.е. код будет выглядеть так:

$('[maxlength][minlength]').live('focus',
    function(){
        $(this).after('<div></div>');obj=$(this).parent().find('div')
    }
).live('keyup focus',
    function(){
        if ($(this).attr('minlength')>this.value.length){
            obj.text(($(this).attr('minlength')-this.value.length)+' символов нужно');
        }else{
            obj.text(($(this).attr('maxlength')-this.value.length)+' символов осталось');
            if (this.value.length>$(this).attr('maxlength')){
                this.value=this.value.substring(0,this.getAttribute('maxlength'));
            }
        }
    }
).live('blur',
    function(){
        obj.remove();
    }
);

Ваш ответ

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

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