javascript - 如何禁用特定类下的提交按钮

Question

我的所有 asp.net web 应用程序上都有以下提交按钮，用于创建或编辑记录:-

<input type="submit" value="Save" class="btn btn-primary"/>

但是我需要编写一个 jQuery 来在用户单击按钮后禁用它(以避免对外部系统的连续 API 调用)。所以我写了这段代码，但是点击后按钮不会被禁用。

  $(".btn btn-primary").click(function () {
            $("input[type=submit]").attr("disabled", "disabled");
            $("input[type=submit]").css("background-color", "grey");
        });

第二个问题我应该遵循哪种方法，以防在单击提交按钮后发生模型状态错误时我需要再次重新启用按钮。任何人都可以请建议

Answer 1

试试这个:

$(".btn.btn-primary").click(function () {
    $("input[type=submit]").attr("disabled", "disabled");
    $("input[type=submit]").css("background-color", "grey");
    return false;
});