如何在asp.net mvc 2中实现点击一次提交按钮？

Question

我需要为我的 asp.net mvc 2 应用程序实现一个单击一次按钮。我只有一个非常简单的提交表单，当用户单击提交按钮时，我需要将其图像更改为“请稍候...”类型的图形，并禁用单击事件以进一步提交，直到服务器返回。

有这方面的示例或代码片段吗？我曾经能够在 asp.net webforms 中做到这一点，但该技术在这里不适用。

谢谢！

Answer 1

要在提交表单时禁用提交按钮，您可以使用表单的 onSubmit 函数并调用将禁用该按钮的 javascript 函数。

例如：

<% using (Html.BeginForm("Create", "Organisation", FormMethod.Post, new { autocomplete = "off", onsubmit = "disableSubmitButton()" }))
   { %>
       //Your code

      <input id="buttonName" type="submit" value="Create"/>
  <% } %>

然后在您的 javascript 部分：

function disableSubmitButton() {

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

};

希望这会有所帮助。

Answer 2

以下是如何使用 asp.net mvc 和 jQuery 创建 ajax 登录的示例：
如何在 Asp.Net MVC 上实现客户端 Ajax 登录（此处有指向 Asp.Net Webforms 解决方案的链接）