验证插件在更新面板中不起作用

Question

我有一个更新面板，面板内的文本框和按钮可用。现在我在使用jQuery Validation插件，但是在更新面板中使用时，验证插件不起作用。

例如：

function GetAddressTargetList() {
    var objArray = new Array();
    var objAddressElement = new Object();

    objAddressElement = new Object();
    objAddressElement.Id = "ddlAccType"; 
    objAddressElement.Rules = "required";
    objAddressElement.TargetControlType = "select";
    objArray[objArray.length] = objAddressElement;
    objAddressElement = new Object();
}

在页面级别（.aspx）

$(document).ready(function () {
    GetAddressTargetList();
});

function pageLoad(sender, args) {
    // To load the tooltip in update panel
    if (args.get_isPartialLoad()) {
        GetAddressTargetList();
    }
}

当我使用更新面板工作时如何获得验证？

Answer 1

我认为你忘记初始化pageLoad

在你的代码中添加这个：

$(document).ready(function () {
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(PageLoaded);
});

function PageLoaded(sender, args) {
    GetAddressTargetList();
}

参考：http://msdn.microsoft.com/en-us/library/bb397523(VS.100).aspx

更新

我已将pageLoad 更新为PageLoaded，以避免rs 评论后发生冲突。在我看来，UpdatePanel 有一种自定义方式来处理事件，我们在这里尝试的是在 UpdatePanel 更新内容后触发 javascript 上的事件。

Answer 2

试试这个而不是 document.ready，每次部分回发后都会调用 ajax pageLoad

function pageLoad() { 
    GetAddressTargetList();
  }