jQuery 验证插件。回发后errorLabelContainer不起作用

Posted 2023-05-09

【中文标题】jQuery 验证插件。回发后errorLabelContainer不起作用

【英文标题】：jQuery validation plugin. errorLabelContainer does not work after post back

【发布时间】：2011-01-22 22:24:48

【问题描述】：

我正在使用 jQuery 验证插件。我在母版页上有我的表单，我在我的一个 aspx 页面中设置了我的验证规则，如下所示：

$("#aspnetForm").validate(

            errorLabelContainer: $("ul", $('div.error-container')),
            wrapper: 'li',

            onkeyup: false,

            rules: 
                ctl00$Content$dbTurnOverDate$txtDate: 
                    dateISO: true,
                    required: true,

                ,
                ctl00$Content$nbAmount$txtNumber: 
                    required: true,
                    number: true
                ,
                ctl00$Content$dbPeriodicityStart$txtDate: 
                    dateISO: true
                ,
                ctl00$Content$dbPeriodicityStop$txtDate: 
                    dateISO: true
                ,
                ctl00$Content$ccTurnoverCategory$txtCategory: 
                    required: true
                


            , messages: 
                
                    ctl00$Content$dbTurnOverDate$txtDate:required: 'Date is required', dateISO: 'Date must be ISO',
                    ctl00$Content$nbAmount$txtNumber:required: 'Amount is required', number: 'Amount must be a valid number',
                    ctl00$Content$dbPeriodicityStart$txtDate:dateISO: 'Date must be ISO',
                    ctl00$Content$dbPeriodicityStop$txtDate:dateISO: 'Date must be ISO',
                    ctl00$Content$ccTurnoverCategory$txtCategory:required: 'Category is required'

                , 

                errorClass: "validationError", validClass: "validationValid",

        );

这一切在页面加载时都可以正常工作，错误很好地出现在我在页面顶部定义的错误容器中：

            <div class="error-container">
            <ul>
            </ul>
        </div>

问题在我在我的页面上回发后开始（某些控件连接了服务器事件），然后回发完成，我的 errorLabelContainer 中没有错误呈现，但我的验证错误类仍然有效（输入周围的红框)。

我尝试将我的验证码放在 document.ready 和 pageLoad 函数中，没有成功。

【参考方案1】：

嗯，如果我将错误容器放在更新面板之外，它似乎可以正常工作。