MVC2-Client-Seitige Validierung für injiziert Ajax-content

War ich schlug mit meinem Kopf gegen eine Wand für ein paar Tage auf diese zu und fahre weiter auf der route entfernen Sie das form-tag, aber gerade kam es in einem etwas weniger hacky Weg, wenn Sie noch daran interessiert sind. Mein Szenario war ähnlich, dass ich ein Formular mit einer Auflistung von Elementen zu validieren am Anfang, aber die Benutzer können dynamisch hinzufügen neuer Zeilen via ajax.

Ich werde break it down, so dass ich hoffe, es wird einfacher sein, zu sehen, was Los ist. Blick auf das MVC-source-code, die form und die Validierung funktioniert in etwa so:

Html.BeginForm() Ausgänge die öffnung form-tag erzeugt dann und gibt eine neue Instanz von MvcForm, die nicht äußerlich viel tun, außer den Geltungsbereich der form einfacher zu verwalten für Sie.
Es hat jedoch eine neue erstellen FormContext und speichert diese in ViewContext.FormContext. Es ist diese FormContext, die Spuren der client-Validierung.

Das Letzte, was Html.BeginForm() ist, wird die FormId-Eigenschaft des neuen FormContext, über die id des form-Tags. Dies ist erforderlich, damit die client-Skript kann die match-up-Formulare und Validierung Regeln.

Html.EndForm() verfügt über die MvcForm. Diese Dispose-Methode gibt die form schließenden tag und dann ruft ViewContext.OutputClientValidation (), die ist verantwortlich für die Ausgabe des javascript. Schließlich entfernt die aktuelle FormContext und legt es zurück auf die übergeordnete FormContext oder null, wenn es nicht ein.

Also nicht die Ausgabe die form tag wir irgendwie brauchen, um einige der FormContext management aus der MvcForm Konstruktor/Destruktor.

Also in meiner Teilansicht habe ich Folgendes:

Oben ich prüfen, ob die ViewContext.FormContext hat einen Wert. Wenn ja, wir wir sind in den ersten laden, so dass keine Notwendigkeit, mess around. Wenn nicht, ist es eine ajax-Aufruf, so dass ich auf dem client aktivieren Validierung, erstellen Sie eine neue MvcForm direkt (nicht mit BeginForm) - dies bewirkt eine FormContext erstellt werden - und die FormContext.FormId, um die gleiche wie meine Eltern zu Seite

Am Ende der Blick, den ich überprüfen, ob ich habe eine Formular-Instanz und wenn ja, rufen Sie ViewContext.OutputClientValidation (zurücksetzen) und die ViewContext.FormContext auf null. Ich weiß nicht Dispose() die MvcForm als würde dieser Ausgang der schließende tag und MvcForm enthält keine Einweg-Objekte.

Skelett der Blick sieht aus, als so:

<%
MvcForm dummyForm = null;
if (this.ViewContext.FormContext == null)
{
    Html.EnableClientValidation();
    dummyForm = new MvcForm(this.ViewContext);
    this.ViewContext.FormContext.FormId = "mainform";
}
%>

//standard partial view markup goes here

<%
if (dummyForm != null)
{
    this.ViewContext.OutputClientValidation();
    this.ViewContext.FormContext = null;
}
%>

Könnte man ganz einfach wrap up in ein extension-Methode

Phil

Ich habe das gleiche problem und beheben mit der Zukunft-Dateien, und in MicrosoftMvcJQueryValidation.js ich ändern und der Datei, diese:

$(document).ready(function () {
    var allFormOptions = window.mvcClientValidationMetadata;
    if (allFormOptions) {
        while (allFormOptions.length > 0) {
            var thisFormOptions = allFormOptions.pop();
            __MVC_EnableClientValidation(thisFormOptions);
        }
    }
});

für:

function chargeValidation() {
    var allFormOptions = window.mvcClientValidationMetadata;
    if (allFormOptions) {
        while (allFormOptions.length > 0) {
            var thisFormOptions = allFormOptions.pop();
            __MVC_EnableClientValidation(thisFormOptions);
        }
    }
}

- und in-Inhalte nach in der Nähe Formular verwenden, nenne ich das 'chargeValidation()', diese Entschlossenheit für mich, ich habe das problem mit $.get(Aktion) mit einem Formular-Validierung.

Ich hoffe, dass ich dir helfen!

Machte ich einige Fortschritte, aber ich bin nicht ganz glücklich.

Problem #1: Der client-Validierung von Metadaten wird nicht generiert, es sei denn, Sie haben eine Html.BeginForm() in Ihrer teilweise. Was in meinem Fall falsch ist, weil ich nicht aktualisieren, wird das gesamte Formular, update ich Teile es.

Lösung für Problem #1: Fügen Sie ein Formular in der Teilansicht, lassen MVC generieren Sie den client-Validierung von Metadaten und entfernen Sie die form-tags auf eine Aktion filter. Nennen wir diese Hack #1.

public class RemoveFormFilterAttribute : ActionFilterAttribute
{       

    private static readonly MethodInfo SwitchWriterMethod = typeof(HttpResponse).GetMethod("SwitchWriter", BindingFlags.Instance | BindingFlags.NonPublic);

    private TextWriter _OriginalWriter;

    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
        _OriginalWriter = (TextWriter)SwitchWriterMethod.Invoke(HttpContext.Current.Response, new object[] {new HtmlTextWriter(new StringWriter())});
    }

    public override void OnResultExecuted(ResultExecutedContext filterContext)
    {
        if (_OriginalWriter != null)
        {
            HtmlTextWriter lTextWriter =(HtmlTextWriter) SwitchWriterMethod.Invoke(HttpContext.Current.Response, new object[] {_OriginalWriter});

            string lOriginalHTML = lTextWriter.InnerWriter.ToString();

            string lNewHTML =  RemoveFormTags(lOriginalHTML);

            filterContext.HttpContext.Response.Write(lNewHTML);
        }
    }

Problem #2: Der ersten client-Validierung von Metadaten für die Seite ist Weg von der Zeit ich habe die Metadaten für die neuen Inhalte.

Lösung für Problem #2: Speichern Sie die ursprünglichen Metadaten (hard copy) und aktualisieren Sie es mit der neuen fieds, als die Methoden aufrufen, die Sie erwähnt, lassen MVC wissen, neue Sachen eingetroffen. Nennen wir diese Hack #2.

<script type="text/javascript">

    var pageMvcClientValidationMetadata;

    $(document).ready(function() {

        $("input[name='PaymentTypeName']").change(PaymentTypeChanged);

        //create a back-up of the ValidationMetadata
        pageMvcClientValidationMetadata = JSON.parse(JSON.stringify(window.mvcClientValidationMetadata));
    });

    function PaymentTypeChanged() {

        var selectedPaymentType = $("input[name='PaymentTypeName']:checked").val();

        $.ajax(
            {
                url: 'PersonalData/GetPaymentTypeHtml?&paymentType=' + selectedPaymentType,
                type: "GET",
                cache: false,
                success: GetPaymentTypeHtml_Success
            });
    }

    function GetPaymentTypeHtml_Success(result) {

        $('#divPaymentTypeDetails').html(result);

        UpdateValidationMetaData();
    }

    function UpdateValidationMetaData() {

        //update the ValidationMetadata
        for (i = 0; i < window.mvcClientValidationMetadata[0].Fields.length; i++) {
            pageMvcClientValidationMetadata[0].Fields.push(window.mvcClientValidationMetadata[0].Fields[i]);
        }

        //restore the ValidationMetadata
        window.mvcClientValidationMetadata = JSON.parse(JSON.stringify(pageMvcClientValidationMetadata));

        //Notify the Validation Framework that new Metadata exists
        Sys.Application.remove_load(arguments.callee);          
        Sys.Mvc.FormContext._Application_Load();            
    }

Nun. Etwaige Verbesserungen würden geschätzt.

Hack #1: Wie kann ich die generieren Sie den client-Validierung von Metadaten, ohne dass eine tatsächliche form ?

HAck #2: Wie kann ich appent auf die Seite Validierung von Metadaten ?