La forme du chèque ASP.NET MVC entrée est valide sur soumettre

Question

J'ai un formulaire qui, une fois soumis, affiche une animation occupée et désactive le bouton de soumission. Quelqu'un sait comment interroger le Sys.Mvc.FormValidation de Microsoft pour voir si le formulaire a réussi son test afin que je puisse empêcher l'animation occupée si le formulaire n'a pas été envoyé? Y a-t-il d'autres solutions de rechange?

À l'heure actuelle mon JavaScript côté client ressemble à ceci:

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

Cheers, Gavin

Answer 1

J'ai abandonné à la fin et enfiché dans la bibliothèque de validation JQuery au lieu d'utiliser 2 Microsoft ASP.NET MVC RC et le fichier bibliothèque MicrosoftMvcJQueryValidation.js du projet « à terme » à câbler automatiquement tout pour moi .

Cet article explique le processus: http://haacked.com/archive/2009/11/19/aspnetmvc2-custom-validation.aspx

Donc, avec la validation JQuery tout en effet que je devais faire était faire un appel à valid() ...

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

Answer 2

Utilisez http://jquery.malsup.com/form/. Voici comment je fais - cette méthode gère l'erreur (et d'autres conditions) pour arrêter l'animation. Il peut également soit ajaxify forme ou le soumettre tout de suite (en fonction de l'indicateur de soumission), et faire deux autres choses.

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

Cela ne fonctionne que pour MVC 1.0, dans MVC 2.0 Microsoft est passé à l'utilisation de jQuery et cela ne fonctionne plus.

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

Si vous utilisez l'assistant de Ajax.BeginForm vous pouvez faire quelque chose comme

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