Form To Wizard和Zurb Foundation Abide Validation

Question

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

formToWizard有一个＆＃34; validateBeforeNext＆＃34;我应该可以用来触发Abide Validation的函数，但是如何让Abide只验证当前的fieldset而不让用户继续进行直到当前页面被正确填写？

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];                   
        }
    });