Вход формы проверки MVC ASP.NET действителен при отправке

Question

У меня есть форма, которая при отправке показывает оживленную анимацию и отключает кнопку отправки.

Кто-нибудь знает, как запросить Microsoft Sys.Mvc.FormValidation, чтобы узнать, прошла ли форма для тестирования, чтобы я мог предотвратить отображение оживленной анимации, если форма фактически не была отправлена? Есть ли другая работа?

В настоящее время мой клиент сторона JavaScript выглядит следующим образом:

$('form').submit(function() { 
    $('input[type=submit]', this).attr('disabled', 'disabled'); 
    ShowBusy(); 
}); 

Приветствия, Gavin

Answer 1

я сдался в конце концов и подключен в библиотеке проверки JQuery вместо с использованием Microsoft ASP.NET MVC 2 RC и MicrosoftMvcJQueryValidation.js библиотека файлов из проекта «фьючерс», чтобы автоматически соединять все для меня ,

В данной статье описывается процесс: http://haacked.com/archive/2009/11/19/aspnetmvc2-custom-validation.aspx

Так с JQuery проверки в действие все, что мне нужно сделать, это сделать вызов действительным() ...

$('form').submit(function() { 
    if ($('form').valid()) { 
     $('input[type=submit]', this).attr('disabled', 'disabled'); 
     ShowBusy(); 
    } 
}); 

Answer 2

Используйте http://jquery.malsup.com/form/. Вот как я это делаю - этот метод обрабатывает ошибку (и другие условия), чтобы остановить анимацию. Он также может либо ajaxify form, либо отправить его сразу (в зависимости от флага отправки), и сделать пару других вещей.

function GenericAjaxForm(form, success, submit, beforeSubmit) { 
    var form = $(form); 
    var options = { 
     beforeSubmit: function(data, frm, options) { 
     form.disable(true); 
     form.find("input:submit:last").after(
      "<span class='ajaxwait'><img src='../Content/images/smallwait.gif' /></span>"); 
     if (beforeSubmit) 
      return beforeSubmit(data, frm, options); 
     }, 
     error: function(xhr, status, error) { 
     $(".validation-summary-errors").html(getAjaxErrorMessage(status, xhr)); 
     form.disable(false); 
     form.find(".ajaxwait").remove(); 
     }, 
     success: function(data) { 
     form.disable(false); 
     form.find(".ajaxwait").remove(); 
     $(".validation-summary-errors").html(''); 
     if (CheckValidationErrorResponse(data, form)) 
      return; 
     success(data); 
     } 
    }; 
    if (submit) 
     form.ajaxSubmit(options); 
    else 
     form.ajaxForm(options); 
} 

Answer 3

Это работает только для MVC 1.0, в MVC 2.0 Microsoft переключилась на использование jQuery, и это больше не работает.

onformSubmit: function (e) { 
    if (!Sys.Mvc.FormContext && Sys.Mvc.FormContext.getValidationForForm(this).validate('submit').length) { 
    return; 
    showBusy(); 
} 

Если вы используете Ajax.BeginForm помощника вы можете сделать что-то вроде

Ajax.BeginForm("action","controller", AjaxOptions{ OnBegin="onformSubmit",...}