jquery-validation-engine - jQuery ValidationEngine 验证选项卡上的输入 - 提示位置和滚动

Question

我有一个用于个人信息的多标签 UI。表单封装了整个“tabset”

最初，我使用的是 v2.2，它没有 validateNonVisibleFields 标志。
我现在已升级到 2.6.2 以利用此功能。

我制作了一个“虚拟”表单，其中包含我所有的字段作为隐藏输入，然后为每个选项卡制作了一个表单。然后我处理提交以从每个表单收集所有数据以放入虚拟表单并提交它。

源代码太长，无法在这里发布，但我在这里建立了一个 fiddle :http://jsfiddle.net/Mrbaseball34/22u28vcj/

(地址选项卡有一个无效字段，需要填写家庭地址的国家和州，并且需要选择其中一个邮寄首选项)

虽然我的代码有些工作，但经过一些初步测试后，提示似乎被放置在错误的位置，然后表单不会像默认情况那样滚动到该字段。

我在切换标签后添加了 1 秒的延迟，但它仍然被放置在错误的位置并且没有滚动。

if(!$("#tab1_form").validationEngine("validate", {validateNonVisibleFields: true})) {
    setCurrentTab(0);
    sleep(1000);
    $("#tab1_form").validationEngine("validate", {validateNonVisibleFields: true});
    submit = false;
} else if(!$("#tab2_form").validationEngine("validate",{validateNonVisibleFields: true})) {
    setCurrentTab(1);
    sleep(1000);
    $("#tab2_form").validationEngine("validate", {validateNonVisibleFields: true});
    submit = false;
} else if(!$("#tab3_form").validationEngine("validate", {validateNonVisibleFields: true,
    updatePromptsPosition:true})) {
    sleep(1000);
    setCurrentTab(2);
    $("#tab3_form").validationEngine("validate", {validateNonVisibleFields: true});
    submit = false;
}

有什么想法吗？

Answer 1

这段代码只调用一次验证，似乎产生了预期的结果。

    for (i = 1; i <= 3; i++) {
        setCurrentTab(i - 1);
        var formId = "#tab" + i + "_form";
        $(formId).removeClass('validating');
        $(formId).validationEngine("validate", {
            scroll: true,
            promptPosition: "topRight",
            showArrow: true,
            showArrowOnRadioAndCheckbox: true
        })  
    }

在他们的演示 (one example here) 中，他们似乎重新附加了验证引擎:

jQuery('#formID').validationEngine('hide');
jQuery("#formID").validationEngine('detach');
jQuery("#formID").validationEngine('attach');