【问题标题】:jQuery validation not working in Thickbox display ajax calljQuery验证在Thickbox显示ajax调用中不起作用
【发布时间】:2009-04-24 15:23:53
【问题描述】:

我正在使用带有验证插件的 jQuery 1.3.2 的Thickbox 3.1,当我单独运行页面时一切都很好,但是当我使用Thickbox 时,页面弹出(应该如此)但页面上的验证现在没有' t 工作(在Thickbox 内),对此的任何帮助都会很棒。

顺便说一句,奇怪的是,Thickbox 看起来在 Thickbox 内部工作,但不是验证(在页面本身上)。

添加代码:

page1.html (JavaScript)

$(document).ready(function () {
    $("#page1Form").validate({
        rules: {
            "field1": {
                required: true,
                digits: true
            },
            "field2": {
                required: true
            }
        },
        errorElement: "div"
    });
});

index.html(厚框链接)

<a href="page1.html" class="thickbox">Page 1</a>

我可以在Thickbox 弹出窗口中查看源代码,并且我看到所有的JS 代码和库都在那里,但它没有在Thickbox 弹出窗口中运行验证。

【问题讨论】:

  • 您是否遇到任何错误?它只发生在特定的浏览器中吗?有任何适用于我们的示例 JS 代码或 HTML,以便我们知道我们在说什么?
  • 没有错误,通过 URL 而不是Thickbox加载页面本身验证有效。
  • 顺便说一句,我无法将它加载到 iFrame 中需要 ajax 调用
  • 哇......你的代码或方法没有任何问题。所以,你是说thickbox的内容不在iframe中?如果是这样,就没有理由将 jQuery 和验证插件附加到“page1.html”。我怀疑这会导致问题,但是值得一试。
  • 感谢 KyleFarris 的回复,但您能否详细说明什么是“值得一试”?

标签: jquery ajax validation thickbox


【解决方案1】:

我认为偶数处理程序是在页面加载时设置的,因此它们没有在厚盒生成的 html 上设置。不能在thickbox ajax加载内容后设置回调来启动验证吗?

【讨论】:

  • 感谢回调,我认为它会起作用。现在我可以继续使用按预期工作的 iFrame。再次感谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多