Form To Wizard 和 Zurb Foundation Abide 验证

Question

我正在使用 Form To Wizard to create a multi page form (each fieldset is a separate page). I'm also using Foundation Abide Validation 来验证我的表单，但是我无法让两者协同工作。

formToWizard 有一个 "validateBeforeNext" 函数，我应该可以使用它来触发 Abide Validation，但是我如何才能让 Abide 只验证当前的字段集而不让用户继续前进，直到当前页面是是否填写正确？

Answer 1

对于任何偶然发现并遇到同样问题的人，我终于弄明白了。

您需要使用 Foundation.libs.abide.parse_patterns() 函数并传递要验证的所有元素的列表。所以基本上你的 formToWizard 调用看起来像这样：

    $("#signup_form").formToWizard({ 
        submitButton: 'SaveAccount',
        showProgress: true,
        showStepNo: false,
        validateBeforeNext: function() {
            return Foundation.libs.abide.parse_patterns($('.signup_form_fieldset:visible').find(':input[required]'))[0];                   
        }
    });