尝试检查文本字段是否包含文本,然后根据检查启用/禁用提交

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并不知道你的意图.因此,您需要通过将逻辑附加到绑定到文本框的事件处理程序来帮助它们,就像您的案例中的keyup事件一样.

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

演示

值得一看:

KEYUP

更改