ASP.NET MVC Check Formulareingabe ist gültig auf

Question

schließe ich eine Form haben, dass, wenn vorgelegt, ein Besetzt Animation zeigt und deaktiviert den Absenden-Button.

Wer weiß, wie man Microsofts Sys.Mvc.FormValidation abfragt, um zu sehen, ob das Formular seinen Test bestanden hat, damit ich verhindern kann, dass die ausgelastete Animation anzeigt, ob das Formular tatsächlich abgeschickt wurde? Gibt es noch andere Probleme?

Derzeit meine Client-Seite JavaScript sieht wie folgt aus:

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

Cheers, Gavin

Answer 1

Ich habe am Ende und in der JQuery Validierung Bibliothek statt mit dem Microsoft ASP.NET MVC 2 RC und die MicrosoftMvcJQueryValidation.js Bibliotheksdatei aus dem „Futures“ Projekt gesteckt automatisch für mich alles verkabeln .

Dieser Artikel beschreibt den Prozess: http://haacked.com/archive/2009/11/19/aspnetmvc2-custom-validation.aspx

So mit JQuery Validierung in der Tat alles, was ich einen Anruf gültig machen war() ... tun musste

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

Answer 2

Verwendung http://jquery.malsup.com/form/. So mache ich das - diese Methode behandelt den Fehler (und andere Bedingungen), um die Animation zu stoppen. Es kann auch entweder formulieren oder direkt einreichen (abhängig von der Submit-Flagge) und einige andere Dinge tun.

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

Dies funktioniert nur für MVC 1.0, in MVC 2.0 wechselte Microsoft zu jQuery und das funktioniert nicht mehr.

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

Wenn Sie den Ajax.BeginForm Helfer verwenden Sie so etwas wie

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