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”按钮中移除，并且当有一定数量时我希望按钮的“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/

使用jquery用文本字段填充特定字符数时的操作

1 个答案: