javascript - 如何禁用链接按钮以防止多次提交

Question

我有这样的 HTML 代码：

<asp:LinkButton ID="AddButton" runat="server" OnClick="AddPatientBtn_Click">
<span class="Normal">Add</span>
</asp:LinkButton>

我发现如果我们点击“添加”几次，它会添加几个病人记录，所以我想像这样更改代码：

<asp:LinkButton ID="AddButton" runat="server" OnClick="AddPatientBtn_Click" OnClientClick="return DisableButton(this)">
<span class="Normal">Add</span>
</asp:LinkButton>

js：

function DisableButton(button) {

document.all("AddButton").click;
button.href = "javascript:void(0);";
button.setAttribute("disabled", "disabled");

}

但这不起作用；我仍然可以添加许多患者记录。

我该怎么办？

Answer 1

谢谢大家！

我发现 LinkBut​​ton 可能没有禁用属性，它是一个<a>html 页面。

所以我使用另一种解决方案

<asp:LinkButton ID="AddButton" runat="server" OnClick="AddPatientBtn_Click" OnClientClick="return DisableButton()">
<span class="Normal">Add</span>
</asp:LinkButton>

js：

var pending = false;
function DisableButton() {if (pending) {
    alert("The new patient is being created. Please wait...");
    return false;
    }
    else {
         if (Page_ClientValidate(""))
         pending = true;
         return true;
     } 
}

Answer 2

你可以说

AddButton.Enabled = false;

在页面后面的代码中

或者你可以写

document.getElementById("AddButton").disabled = true;

Answer 3

var button = document.getElementById("AddButton"); button.setAttribute("禁用", "true");