jQuery启用/禁用按钮取决于输入字段是否为空

时间:2013-02-28 16:13:47

标签: jquery

HTML


<input type="text" id="customerProfileID" maxlength="9"/>

<input id="attachTest" class="attachTemplateButton" type="button" value="Attach Template" onclick="attachTemplateCall();"/>

的jQuery


$("input").focusin(function() {

        $(this).keydown(function() {
            $("#attachTest").attr("disabled", true);
        });     
    });

我在jsfiddle中也有这段代码HERE 如果输入字段为空,我试图使按钮返回以启用状态。这意味着,如果输入为空,则应启用该按钮,如果输入具有某个值,则应禁用该按钮。代码仅在有值时有效,按钮被禁用但是当我擦除输入的值时,按钮仍然处于禁用状态。我在这里缺少什么?

2 个答案:

答案 0 :(得分:5)

$("input").on('keyup', function() {
     $("#attachTest").prop("disabled", this.value.length);
});

FIDDLE

答案 1 :(得分:4)

$("#customerProfileID").on('keyup blur', function(){
    $('#attachTest').prop('disabled', this.value.trim().length);
});