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

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