隐藏依赖于文本框值长度的DIV内容

时间:2014-07-07 14:14:22

标签: javascript jquery

我试图在按下某个键时根据文本框值的长度隐藏div中的某些内容。但这不起作用。退格键是否被视为按键?

如果您查看下面的JSFIDDLE,在文本框中输入内容后,应显示信息框,然后删除所有内容后消失。

JSFIDDLE

$(function () {
    $('.textBox').keypress(function (e) { 
        if ($('.textBox').val().length < 1) {       
            $('.infoBox').fadeOut(600); 
        } else {
            $('.infoBox').fadeIn(600);
        }; 
    });
});

1 个答案:

答案 0 :(得分:0)

首先,你在这个小提琴中有一个错误:

if ($('.textBox').val().length < 1) {       
    $('.infoBox').fadeOut(600); 
});

应该是

if ($('.textBox').val().length < 1) {       
    $('.infoBox').fadeOut(600); 
}

其次,请使用keyup()代替 - http://jsfiddle.net/ajthomascouk/BBu9P/

相关问题