javascript - 表单向导和Zurb Foundation遵守验证

我正在使用Form To Wizard创建多页表单（每个字段集是一个单独的页面）。我还使用Foundation Abide Validation来验证表单，但是我很难使两者一起工作。

formToWizard具有一个“ validateBeforeNext”函数，我应该可以使用该函数来触发Abide Validation，但是如何让Abide仅验证当前的字段集而不让用户在正确填写当前页面之前进行操作？

最佳答案

对于那些偶然发现并遇到相同问题的人，我终于弄明白了。

您需要使用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];
        }
    });