Question

我在div中有一些数字列表。 div从文本字段中获取数字。每个号码都有唯一的ID。我有一个搜索领域。搜索字段用于搜索div中的数字。如果我搜索错误的数字，它应显示“未找到结果”。我的问题是：我有一个清除搜索按钮和一个搜索按钮。只有在搜索到正确的数字时才应启用清除搜索，其余时间清除搜索按钮应保持禁用状态。过去3天我一直在尝试这项功能。

这是我的代码：

$("#wmclrsrch").attr("disabled", "disabled");  //#wmclrsrch is a Clear Search Button
function fieldDisable() {
    $('#search_number').keyup(function() {         //#search_number is Search field
        if($(this).val() != '') {
            $("#wmclrsrch").removeAttr("disabled", "disabled");
            $("#wmclrsrch").attr("enabled", "enabled");
        } else {
            $("#wmclrsrch").attr("disabled", "disabled");
        }
    });
}
fieldDisable();
$('#wmsearch').after(function() {         //'#wmsearch is a Search Button
    if($(this).val() != '') {
        $("#wmclrsrch").removeAttr("disabled", "disabled");
        $("#wmclrsrch").attr("enabled", "enabled");
    } else {
        $("#wmclrsrch").attr("disabled", "disabled");
    }
});

注意：我的搜索功能运行良好。请告诉我如何在输入错误的号码时禁用按钮。

Answer 1

启用和禁用按钮的方式并不完全正确。 This jsfiddle显示应该处理它的方式。

if($(this).val() != ''){
    $('#wmclrsrch').removeAttr('disabled');
} else {
    $('#wmclrsrch').attr('disabled', 'disabled');   
}

Answer 2

var num = $('#search_number').val();
if(num.indexOf("YOUR DIV HTML STRING")>-1){
// enable button
}else{
// disable button
}

输入错误的数字时应禁用按钮

2 个答案: