javascript - Form To Wizard 和 Zurb Foundation 遵守验证

Question

我正在使用Form To Wizard创建多页表单(每个字段集都是一个单独的页面)。我也在使用Foundation Abide Validation验证我的表单，但是我无法让两者一起工作。

formToWizard 有一个“validateBeforeNext”函数，我应该能够使用它来触发 Abide 验证，但是如何让 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];                   
        }
    });