Wymagane walidacje pól nie działające w JQuery Popup MVC 4

Question

Mam wyskakujące okienko JQuery i chcę umieścić na nim wymagane sprawdzenia poprawności pól i dla tego ustawiłem wymagane atrybuty w modelu i ustawiłem dla nich komunikat sprawdzania poprawności w widoku, ale wymagane sprawdzanie pól nie działa w wyskakujących okienkach. Wymagane sprawdzanie poprawności pola działa poprawnie na formularzach innych niż wyskakujące okna JQuery ... Proszę, poproś mnie o to, co powinienem zrobić, aby rozwiązać ten problem ... Poniżej znajduje się mój kod.

model

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

Zobacz

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

i Oto mój dorsz eto otworzyć okienko jQuery.

$('#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'); 
    }); 

Answer 1

Walidator jest analizowany podczas ładowania strony. Kiedy dodajesz dynamiczną zawartość, musisz ją ponowić. Zmodyfikować skrypt obejmuje następujące linie po zawartość jest załadowany

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

marginesie: Kod zostały pokazane nie obejmuje @Html.ValidationMessageFor(m => m.MaterialCode) ale zakładam to jest włączone.