Как внедрить кнопку отправки один раз в asp.net MVC 2?

Question

Мне нужно внедрить кнопку «нажми один раз» для моего приложения asp.net mvc 2.У меня есть просто очень простая форма отправки, и когда пользователь нажимает на кнопку отправки, мне нужно изменить ее изображение на тип графики «пожалуйста, подождите ...» и отключить событие click для дальнейшей отправки, пока сервер не вернется.

Есть ли пример или фрагмент кода для этого?Раньше я мог делать это в веб-формах asp.net, но этот метод здесь не применим.

спасибо!

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

Вот пример того, как создать ajax-вход с использованием asp.net mvc и jQuery: Как реализовать Ajax-вход на стороне клиента в Asp.Net MVC (ссылка на решение для Asp.Net Webforms здесь)