1

当在文本输入字段中输入了一定数量的字符时，我正在尝试执行特定操作（从按钮中删除的类）。我知道当字段中有输入操作时如何进行操作，但不知道是否填充了一定数量的字符。

这就是我所拥有的：

查询：

   $("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”更改回默认的“#”。谢谢你。

4

1 回答 1

1

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

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

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

http://jsfiddle.net/69YjR/

于 2013-10-01T22:16:44.130 回答