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登录的示例： How to implement a Client-side Ajax Login on Asp.Net MVC (A link to the solution for Asp.Net Webforms is in here)

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

2 个答案: