javascript - 禁用的链接按钮仍在 asp.net web 表单中提交

Question

我正在尝试禁用链接按钮以防止用户多次提交。

我在这里看到了很多这样的问题，大多数人建议使用以下 javascript:

button.disabled = true或button.disabled = 'disabled'

这确实禁用了按钮(按钮呈灰色)，但问题是它仍然可以点击，并且仍然可以提交!!

这是我的精简代码:

function ValidateButton(button){<br/>
// some other code<br/>
button.disabled = true;<br/>
button.value = 'Processing...';<br/>
}

<asp:LinkButton Text="Submit" ID="btnSubmit" runat="server" onclick="btnSubmitRow_Click" OnClientClick="return ValidateButton(this);"/>

1. 为什么按钮被禁用后仍然可以点击并提交？
2. 按钮文本仍然是“提交”而不是“正在处理...”，为什么？

Answer 1

LinkBut​​ton 控件呈现为 a 元素，并且没有 disabled 属性或 value 属性。

您拥有的代码适用于呈现为 input type="button" 或 input type="submit" 的 Button 控件>，但不是链接。为了使它看起来被禁用，您可以更改它的颜色，并且为了防止它提交，您可以从客户端单击事件处理程序返回 false。使用 innerHTML 属性更改链接的文本。