javascript - 将 bassistance jquery-validator 与 formtowizard 插件一起使用

Question

我将 FormToWizard Jquery 插件与此 Bassistance 验证插件一起使用。我已将我的下一个按钮附加到验证我的表单的单击事件，但我只希望它验证当前字段集而不是整个表单。

formtowizard 所做的是一次显示一个字段集，并在每个字段集中生成下一步和后退按钮以浏览表单。

它是这样的:

<form id="SignupForm" method="POST" action="..................">
    <fieldset>
        <legend>Step One</legend>
        <div>

        </div>
    </fieldset>

    <fieldset>
    <legend>Step Two</legend>
        <div>

        </div>
    </fieldset>
</form>

这就是我声明 bassistance 验证器的方式

  $("a.next").click(function() {
      $("#formID").validate();
  });

我从这个已经回答过的主题中找到了这段代码，关于同样的问题，但它似乎不起作用! Validate between fieldsets

他基本上是在现有的 FormToWizard 插件方法中添加了几行代码。

function createNextButton(i) {
var stepName = "step" + i;
        $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Next' class='next'>Next</a>");

        $("#" + stepName + "Next").bind("click", function(e) {
            /* VALIDATION */
            if (options.validationEnabled) {
                var stepIsValid = true;
                $("#"+stepName+" :input").each(function(index) {
                    checkMe = element.validate().element($(this));
                    //stepIsValid = !element.validate().element($(this)) && stepIsValid;
                    stepIsValid = checkMe && stepIsValid;
                });
                //alert("stepIsValid === "+stepIsValid);
                if (!stepIsValid) {
                    return false;
                };
            }; 

            $("#" + stepName).hide();
            $("#step" + (i + 1)).show();
            if (i + 2 == count)
                $(submmitButtonName).show();
            selectStep(i + 1,'next');
        });
    }

知道如何完成这项工作吗？我不是 jquery/javascript 专业人士，因为我才刚刚开始，我仍在努力学习语法是如何工作的，以及为什么那个人做出这些改变。

Answer 1

我发现了错误。我忘记声明变量 validationEnabled。添加它可以解决问题。