Erforderliche Feldvalidierungen funktionieren nicht in JQuery Popup MVC 4

Ich habe JQuery-Popups und möchte erforderliche Feldvalidierungen darauf setzen. Dazu habe ich die erforderlichen Attribute im Modell festgelegt und auch die Validierungsnachricht für sie in der Ansicht festgelegt, aber die erforderlichen Feldvalidierungen funktionieren nicht bei Popups. Die erforderliche Feldvalidierung funktioniert gut auf anderen Formularen als JQuery-Popups …. Bitte führen Sie mich, was ich tun soll, um dieses Problem anzugehen … Im Folgenden ist mein Code.

Modell

[Display(Name = "Material Code")]
[Required(ErrorMessage = "*")]
public string MaterialCode { get; set; }

Sicht

<li>
    @Html.LabelFor(m => m.MaterialCode)
    @Html.TextBoxFor(m => m.MaterialCode)
    @Html.HiddenFor(m => m.MaterialCodeId)
</li>

und das Folgende ist mein Code, um ein JQuery-Popup zu öffnen.

$('#btnAddCharge').on('click', function (event) {  
        event.preventDefault();
        var actionURL = '@Url.Action("Edit", "Charges", new { Id = 0, @ticketId = @TicketId, UserId = UserId })';

        $(dialogBox).dialog({
            autoOpen: false,
            resizable: false,
            title: 'Edit',
            modal: true,
            show: "blind",
            width: 'auto',
            hide: "blind",
            open: function (event, ui) {
                $(this).load(actionURL, function (html) {
                    $('form', html).submit(function () {
                        $.ajax({
                            url: this.action,
                            type: this.method,
                            data: $(this).serialize(),
                            success: function (res) {
                                if (res.success) {
                                    $(dialogBox).dialog('close');
                                }
                            }
                        });
                        return false;
                    });
                });
            }
        });

        $(dialogBox).dialog('open');
    });

Der Validator wird geparst, wenn die Seite zum ersten Mal geladen wird. Wenn Sie dynamischen Inhalt hinzufügen, müssen Sie den Validator neu analysieren. Ändern Sie Ihr Skript so, dass es nach dem Laden des Inhalts die folgenden Zeilen enthält

$(this).load(actionURL, function (html) {
    // Reparse the validator
    var form = $('form');
    form.data('validator', null);
    $.validator.unobtrusive.parse(form);
    $('form', html).submit(function () {
        ....

Randnotiz: Der von Ihnen gezeigte Code enthält nicht @Html.ValidationMessageFor(m => m.MaterialCode) aber ich nehme an, dass dies enthalten ist.