javascript - jquery 对话框提交按钮无法控制启用/禁用

Question

我一整天都在与这个问题作斗争。我希望有人能为我解答。我做了很多搜索，似乎找不到答案。

我的页面上有 3 个表单。我正在第二种形式中工作。所有表单都没有嵌入到另一个表单中。

我有一个隐藏的 div，其中包含两个表单元素、一个下拉列表和一个文本框，以及一个提交按钮，我预计它将发布到它所包含的表单中。在表单本身内的另一个按钮上(不是提交按钮)，我有启动 jquery.Dialog 的 javascript，该代码如下所示:

function showReleaseDiv() {
    var div = $("#ReleaseHoldsDiv");
    var f = div.closest("form");
    div.dialog({ width: 270, height: 187, modal: true, title: 'Bulk Hold Resolution' });
    div.parent().appendTo(f);
}

这部分功能正常。我已经克服了典型的 jquery 问题，它将对话框的内容从表单中提取出来，因此我将其放回到表单中，但想知道这是否会导致我真正的问题是:

在发布之前，下拉列表和文本框都是必需的，因此我默认将提交按钮禁用，然后在下拉列表上有一个 onchange 事件，并且文本框上的 onkeyup 调用以下 javascript:

function enablePopupRelease() {
    var button = $("PopupReleaseButton");
    if (button && button != null) {
        button.attr("disabled", "disabled");
        if ($("#ResolutionTypeCode").val() != "" && $("#ResolutionComments").val() != "") {
            button.removeAttr("disabled");
        }
    }
    return true;
}

两个事件都正确触发，我单步执行代码；一切看起来都很好，但按钮禁用状态没有改变。

请帮忙。

Answer 1

我相信您在这一行中缺少一个哈希值:

更改:

var button = $("PopupReleaseButton");

到

var button = $("#PopupReleaseButton");