jQuery-Validation-Engine隐藏字段上的错误位置弹出窗口（jquery选项卡）

我使用jQuery-Validation-Engine来validation表单，但我有一个问题….我在div中的表单分为制表符，我设置了validationEngine，如下所示：

$(".test").validationEngine({validateNonVisibleFields: true}); 

提交在非活动选项卡中的活动选项卡中的字段上都可以正常工作….但非活动选项卡中字段的弹出错误未与相应字段对齐。

_calculatePosition函数似乎忽略了字段隐藏的真实坐标来检查…

有什么建议吗？

非常感谢

Answer 1

我已经使用每个选项卡的validationEngine updatePromptsPosition方法解决了同样的问题…这样的事情：

 $(".tabs-1").click(function(){ $form.find('form').validationEngine('updatePromptsPosition'); }); 

Answer 2

考虑到解决方案的简单性，这个问题尚未得到妥善回答的事实坦率地说有点愚蠢。 简单（文明）的方法是每次用户切换选项卡时调用validation，为此，您只需设置选项卡：

如果您有以下表格跨越多个标签…

 
 
 
 
Tab 1 
 
Tab 2 
 
Tab 3 
 
 
  
 
 
  

然后你设置表格和标签，如下所示：

 jQuery("#myForm").validationEngine('attach', { promptPosition: "bottomLeft", validationEventTrigger: "submit", validateNonVisibleFields: true, updatePromptsPosition: true }); $(function () { $("#tabs").tabs({ beforeActivate: function (event, ui) { if (!$("#myForm").validationEngine('validate')) { event.preventDefault(); $('#myForm').validationEngine('hide'); setTimeout(function () { $("#myForm").validationEngine('validate'); }, 450); } } }); }); 

结果是，如果用户当前所在的选项卡不完全有效，则用户无法选择另一个选项卡。 这是JSFiddle演示： http ： //jsfiddle.net/g9yLL/36/

干杯! 🙂