0

Я знаю, что это распространенная проблема. Я рассматривал различные решения, предлагаемые на этом сайте и в других местах, но не мог наткнуться на что-то, что работает в моей ситуации.jQuery UI Диалог Проверка

Вот мой сценарий:

$(function() { 

    $('a.editPersonLink').live("click", function (event) { 
     loadDialog(this, event, '#personList'); 
     $.validator.unobtrusive.parse('#editPersonContainer'); 
    }); 

    $(".deleteButton").live("click", function(e) { 
     e.preventDefault(); 
     var $btn = $(this); 
     var $msg = $(this).attr("title"); 

     confirmDelete($msg, 
      function() { 
       deleteRow($btn, $target); 
      }); 
    }); 

}); 

function loadDialog(tag, event, target) { 
    event.preventDefault(); 
    var $loading = $('<img src="../../Content/images/ajaxLoading.gif" alt="loading" class="ui-loading-icon">'); 
    var $url = $(tag).attr('href'); 
    var $title = $(tag).attr('title'); 
    var $dialog = $('<div></div>'); 
    $dialog.empty(); 
    $dialog 
     .append($loading) 
     .load($url) 
     .dialog({ 
      autoOpen: false 
      ,title: $title 
      ,width: 800 
      ,modal: true 
      ,minHeight: 200 
      ,show: 'slide' 
      ,hide: 'clip' 
     }); 

    $dialog.dialog("option", "buttons", { 
     "Save": function() { 
      var dlg = $(this); 
      $.ajax({ 
       url: $url, 
       type: 'POST', 
       data: $("#formData").serialize(), 
       success: function (response) { 
        $(target).html(response); 
        dlg.dialog('close'); 
        dlg.empty(); 
        $("#ajaxResult").hide().html('Record saved').fadeIn(300, function() { 
         var e = this; 
         setTimeout(function() { $(e).fadeOut(400); }, 2500); 
        }); 
       }, 
       error: function (xhr) { 
        if (xhr.status == 400) 
         dlg.html(xhr.responseText, xhr.status);  /* display validation errors in edit dialog */ 
        else 
         displayError(xhr.responseText, xhr.status); /* display other errors in separate dialog */ 

       } 
      }); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
      $(this).empty(); 
     } 
    }); 

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

Прямо около вершины я пытаюсь вызвать форму признать проверки с частичным видом на диалог с помощью заявления:

$.validator.unobtrusive.parse('#editPersonContainer'); 

editPersonContainer - это имя div, содержащего данные в частичном представлении, загруженные в диалог.

Суть в том, что проверка не признана. Я делаю вызов validator.unobtrusive.parse в неправильном месте, или я пропускаю что-то еще здесь?

+0

Есть '

' тег в jqui dialog? Как выглядят отображаемые элементы ''? У них есть атрибуты data-val = "true"? – danludwig

ответ

1

Я в конечном итоге меняю сценарий использовать методы, описанные here

Validation теперь работает на моих диалогах JQuery UI.

+0

Что касается ссылки, которую я опубликовал выше в качестве решения этой проблемы, обратите внимание на то, что для того, чтобы позволить диалогу работать при вызове несколько раз, мне приходилось добавлять вызов $ this) .empty() после вызова $ (это) .Dialog («Закрыть») - и вызов $ (dialog) .empty() после вызова в $ (диалог) .dialog ('close'). Без этого у меня были серьезные проблемы, если диалог был вызван дважды без обновления вызывающей страницы. – daveywc

0

Привет, я подошел к вашему вопросу, поскольку я искал то же самое.

я включаю это перед вызовом AJAX для проверки на стороне клиента:

if (ModelState.IsValid) {} 

я сделать статью с полным проектом на

Validation client/Server JqueryUI Dialog