jquery - 尝试检查文本字段是否有文本，然后根据检查启用/禁用提交

Question

就像标题所说，我有一个表单的提交按钮，除非文本框中有文本，否则我希望禁用该按钮。该字段已正确禁用，但输入文本时，提交仍保持禁用状态。

这是 HTML:

<form method="get" action="#">
    <input type="text" id="edit-combine" name="combined"/>
    <input type="submit" id="edit-submit-clone-of-combined-search" value="search"/>
</form>

这是 jquery:

 if($('#edit-combine').val().length == 0){
            $('#edit-submit-clone-of-combined-search').prop("disabled", true);
    }else{
        $('#edit-submit-clone-of-combined-search').prop("disabled", false);
    }

我为此制作了一个 JSFiddle:http://jsfiddle.net/CR47/ZUmCp/

Answer 1

不幸的是 HTML/Js 不知道你的意图。因此，您需要通过将逻辑附加到绑定(bind)到文本框的事件处理程序来帮助他们，例如您案例中的 keyup 事件。

$('#edit-combine').on("keyup", function () {
      $('#edit-submit-clone-of-combined-search')
                    .prop("disabled", 
                            $('#edit-combine').val().length == 0);
}).keyup();

Demo

值得一看:

keyup

Change