带有弹出窗口大小调整查询的jQuery表单验证事件

时间:2011-09-30 23:42:26

标签: jquery forms

我目前正在向用户显示一个弹出窗体 - http://colorpowered.com/colorbox/ - 到目前为止,它似乎是我发现的唯一一个与所有浏览器兼容的窗体(对于IE的掌声不乐观其他的)。

我也在使用jQuery表单验证引擎 - https://github.com/posabsolute/jQuery-Validation-Engine来帮助确保所有字段都完整。

我已经开始 - 当用户点击提交并且所有验证都通过时,将它们重定向到另一个窗口,说谢谢等等。问题是,这是一个较小的窗口,所以我需要调整它的大小我已经成功了,但是他们是否通过了验证。

用于调整弹出窗口大小的代码是:

function resize() {
    $.colorbox.resize({innerWidth:432, innerHeight:280});
};

将“onclick”事件附加到提交按钮 -

onclick="top.resize()"

现在我已经看过验证器提供的示例,看看如果表单验证通过我是否可以返回True或False,我设法以警报的形式找到它:

<a href="#" onclick="alert('is the form valid?'+jQuery('#formID').validationEngine('validate'))">Evaluate form</a>

现在我想我可以将它复制到我的代码中,只有在验证通过时才运行'Resize'(当调整大小运行且验证尚未通过时,表单会在其中产生偏差和迷失方向)。到目前为止,这是我的最终结果,但无济于事:

function resize() {
    if($('#jobForm').validationEngine('validate')) == 'true'){
    $.colorbox.resize({innerWidth:432, innerHeight:280});
}
}; 

在控制台中,我得到的错误是'Uncaught SyntaxError:Unexpected token =='但我确定这不是问题。

这是我遇到灰色地带的地方,任何建议都会非常受欢迎。

非常感谢提前。

1 个答案:

答案 0 :(得分:1)

这条线确实不正确,你的父母是不平衡的:

if($('#jobForm').validationEngine('validate')) == 'true'){

将其更改为此,并查看问题是否消失:

if($('#jobForm').validationEngine('validate') == 'true'){