javascript - MVC プロジェクトでウィザードステップを使用する場合の jquery コードのエラー

Question

私は自分のプロジェクトで MVC を使用しており、ウィザードステップの jquery コードを使用して 1 つのフォームを操作しています。

以前はフォームへの入力にウィザード ステップを使用していましたが、完全に機能しましたが、別のビューで使用しようとするとエラーが発生します。

キャッチされていない TypeError: オブジェクト [オブジェクト オブジェクト] にはメソッド 'validate' がありません

これは私の見解です：

@using NKI.Web.ViewModels;
@model NKI.Web.ViewModels.AnswerFormViewModel

@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
     <legend></legend>
        @foreach (SelectedQuestionViewModel items in Model.AllSelectedQuestions)
        {
            <div class="wizard-step">
                <p>@items.SelectedQuestionText <span class="b">Rate:&nbsp;&nbsp; @Html.DropDownListFor(x => x.GradeNumber, items.GradesNumber, new {@class = "selectstyle"})</span></p>
                <div class="editor-field">
                @Html.TextArea("Comment", items.Comment, new {@class = "selectstyle"})
                </div>
                <br/>
                <br/>
                <br/>
            </div>
        }

        <p><input type="button" id="next-step" name="next-step" value="Next"/></p>
        <p><input type="button" id="back-step" name="back-step" value="Back"/></p>
    </fieldset>
            }

これは、エラーが発生するウィザード ステップの jquery コードの一部です。

$("#next-step").click(function () {

    var $step = $(".wizard-step:visible"); // get current step

    var validator = $("form").validate(); // obtain validator // <--- here I get the error
    var anyError = false;
    $step.find("input").each(function () {
        if (!validator.element(this)) { // validate every input element inside this step
            anyError = true;
        }

    });

    if (anyError)
        return false; // exit if any error found  

このエラーの問題を引き起こす可能性があることを知っている人はいますか?

前もって感謝します！