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對話框?呈現的''元素是什麼樣的?他們有'data-val =「true」'屬性嗎? – danludwig

回答

1

我最終改變我的腳本使用的技術在我的jQuery UI的對話框描述here

驗證現在的作品。

+0

關於我在上面發佈的鏈接,作爲我對此問題的解決方案,請注意,爲了允許對話在多次調用時工作,我必須在調用$之後添加一個調用$ this).empty() (this).Dialog('Close') - 在調用$(dialog).dialog('close')後調用$(dialog).empty()。如果沒有這個,我會遇到主要的問題,如果對話被調用兩次而沒有刷新調用頁面。 – daveywc