我目前正在向用户显示一个弹出窗体 - 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 =='但我确定这不是问题。
这是我遇到灰色地带的地方,任何建议都会非常受欢迎。
非常感谢提前。
答案 0 :(得分:1)
这条线确实不正确,你的父母是不平衡的:
if($('#jobForm').validationEngine('validate')) == 'true'){
将其更改为此,并查看问题是否消失:
if($('#jobForm').validationEngine('validate') == 'true'){