【问题标题】:jQuery validation plugin. errorLabelContainer does not work after post backjQuery 验证插件。回发后errorLabelContainer不起作用
【发布时间】: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 函数中,没有成功。

【问题讨论】:

    标签: jquery validation jquery-plugins postback


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2017-10-08
      • 1970-01-01
      • 2014-01-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-05
      相关资源
      最近更新 更多