Jquery 基于计数器值的淡入/淡出文本

我有这个标记：-

<textarea id="TextBox1"></textarea>
<span id="validator"></span>

我尝试过以下方法，但似乎没有任何效果：-

$('#validator').html(charLength + ' of 250 characters used').fadeInOrOut(!! charLength);

而且

$('#validator').html(charLength + ' of 250 characters used');
$('#validator').fadeInOrOut(!! charLength);

见此：

您需要隐藏验证程序onload（使用css）。否则它就不会消失

因此，在css中添加这一行：

#validator {display:none}

应该这样做。

将

#validator

的样式设置为

display:none

然后用这个

jQuery('#TextBox1').live('input', function() {
    var charLength = $(this).val().length;
    $('#validator').html(charLength + ' of 250 characters used');    
    if ($(this).val().length > 250) {
        $('#validator').html('<strong>You may only have up to 250 characters !</strong>');
    }
    $('#validator').fadeIn(200);
    if(charLength == 0)
    $('#validator').fadeOut(200); 
});

jQuery（'#TextBox1'）.live（'input'，function（））{
var charLength=$（this）.val（）.length；
$（'#validator'）.html（使用了250个字符的charLength+）；
如果（$（this）.val（）.length>250）{
$（“#验证器”）.html（“最多只能有250个字符！”；
}
$（'验证器'）.fadeIn（200）；
if（charLength==0）
$（“#验证器”）.fadeOut（200）；
});

你能帮我们摆好小提琴吗？：）@当然，这很有效，谢谢。然而，在IE中，计数器不会减少。看看IE中的小提琴。

#validator {display:none}

jQuery('#TextBox1').live('input', function() {
    var charLength = $(this).val().length;
    $('#validator').html(charLength + ' of 250 characters used');    
    if ($(this).val().length > 250) {
        $('#validator').html('<strong>You may only have up to 250 characters !</strong>');
    }
    $('#validator').fadeIn(200);
    if(charLength == 0)
    $('#validator').fadeOut(200); 
});