jquery：Colorbox 关闭 iFrame onsubmit

Question

我有一个关于提交后关闭带有颜色框的表单的问题。我发现了这个问题，所以我现在知道如何在提交后关闭表单。问题是另一个 javascript 验证我表单的输入字段，当某些字段未填写时，将会出现一条错误消息（一个简单的alert()）...我想仅在验证返回 no 时关闭 clorbox iframe onsubmit错误..否则用户会得到提示，他错过了一些输入字段，但表单无论如何都会关闭...所以我如何使用 jQuery 检查这一点..是否有可能检查“alert()”是否为显示于屏幕...然后可以说，当显示警报弹出窗口时，不要关闭颜色框窗口，否则关闭它，因为没有错误...有人明白我的意思吗？再次强调：我无法更改验证脚本！然后我可以简单地在这个脚本中添加 .colorbox.close(); ...

验证是一个简单的函数，在提交时执行...有一个变量“msg”，其中包含错误消息在这个函数中......必须有一种方法可以在函数执行时获取这个“msg”变量并检查它是否为空......？

谁能帮我解决这个问题...这对我来说有点难以解释..

Answer 1

您可以通过以下方式引用 iFramed 内容来获取“msg”元素的内容：

parent.msg-field-name

在类似的情况下我所做的是这样的：

• 为用户留下取消iFrame表单的方法。此退出路径在提交时使用 ColorBox 的“内置”关闭方法
• ，测试错误验证。如果通过，则使用允许内置关闭方法成功，如果没有，则不要离开表单。

您可以从插件作者的网站中找到具体操作方法：

阻止 ColorBox 关闭/更改 $.colorbox.close() 的行为

close 方法 ($.colorbox.close()) 可以缓存并重新定义，以便对 ColorBox 关闭时发生的情况提供一些控制。这会影响绑定到它的控件（例如 escKey、overlayClose 和关闭按钮）并直接调用 close 方法。

例如，假设我们打开 ColorBox 来显示包含表单的 html 片段，并且我们想警告访问者，如果他们在提交数据之前尝试关闭 ColorBox，他们将丢弃表单。

var originalClose = $.colorbox.close; 
$.colorbox.close = function(){ 
    var response; 
    if($('#cboxLoadedContent').find('form').length > 0){ 
       response = confirm('Do you want to close this window?'); 
       if(!response){ 
          return; // Do nothing. 
       } 
    } 
    originalClose(); 
}; 
$('a#example').colorbox();