jQuery验证多步

Question

我正在使用jQuery validate插件创建一个多步骤表单，我正在努力进行进一步的验证。

如果我隐藏了表单的其他步骤，则验证工作正常，但是当您通过某个步骤时它才会起作用。例如，验证适用于步骤1，但是当您到达步骤2并单击“下一步”时，它将忽略验证。

这就是我目前的情况：

    $("a#step1_button").on("click", function(e){

    // Validation //

    $('#application_form_form').validate({
        rules: {
            first_name: "required",
            last_name: "required"
        },
        messages: {
            first_name: "Please answer this question",
            last_name: "Please answer this question"
        },
        ignore: ".ignore"
    });

    if ( $('#application_form_form').valid() == true ) {
        $('#step1').slideUp(500);
        $('#step2').delay(700).slideDown(500);
    } else {
        e.preventDefault();
    }

});

$("a#step2_button").on("click", function(e){

    // Validation //

    $('#application_form_form').validate({
        rules: {
            reference_first_name: "required",
            reference_last_name: "required"
        },
        messages: {
            reference_first_name: "Please answer this question",
            reference_last_name: "Please answer this question"
        },
        ignore: ".ignore"
    });

    if ( $('#application_form_form').valid() == true ) {
        $('#step2').slideUp(500);
        $('#step3').delay(700).slideDown(500);
    } else {
        e.preventDefault();
    }

});

有人可以帮忙解决这个问题并引导我如何对此进行排序吗？

非常感谢。