javascript - 当文本字段用 jquery 填充一定字符数时的操作

Question

当在文本输入字段中输入一定数量的字符时，我试图执行特定操作(从按钮中删除的类)。我知道如何在字段内有键入操作时发生操作，但不知道在字段是否填充了一定数量的字符时发生操作。

这就是我所拥有的:

Jquery:

   $("input[id='experience']").keyup(function() {
        $("#fan_choice").find('a').removeClass('faded'); 

           var $buttonlink = $('#fan_choice').find('a');
       $buttonlink.attr('href', $buttonlink.attr('href').replace('#', '/artists'));

    });  

HTML/PHP:

<span id="welcome_two" class="hidden">
<div id="fan_choice">
<a id="submit_two" href="#" class="button faded">Continue &raquo;</a>
<div class="styled_textarea">
        {{ Form::textarea('experience', null, array(
        'id'      => 'experience',
        'onfocus' => 'this.value=\'\'; setbg(\'$f0f7f8\');',
        'onblur'  => 'setbg(\'white\')',
        'rows'    => 10,
        ));}}
</div>
</div>
</span>

我正在使用 Laravel 4。我希望从“a”按钮中删除“faded”类，并且当有一定数量时，我希望按钮的“href”更改为“/artists”在输入框中输入的字符数。如果删除了字符，我希望将淡入淡出的类添加回按钮，并将“href”更改回默认的“#”。谢谢。

Answer 1

输入元素的内容可以通过多种方式更改，不要仅依赖键盘事件。更好的是，有一个计时器每秒检查输入长度并采取操作，例如:

function check() {
    var ok = $("input").val().length > 10;
    $("button").css("opacity", ok ? 1 : 0.5);
}

$(function() {
    setInterval(check, 1000);
});

http://jsfiddle.net/69YjR/