forms - 在 mvc4 上找不到 jquery 验证方法错误

Question

我正在使用示例 MVC4 模板构建向导表单，我从 http://afana.me/post/create-wizard-in-aspnet-mvc-3.aspx 获取源代码

当我触发生成“下一步”按钮的 java 脚本时，出现以下错误

var validator = $('form').validate();//获取验证器未捕获的类型错误:对象 [object Object] 没有方法“验证”

下面是带有下一步按钮的完整 JS 部分触发器。

 $("#next-step").click(function () {
        var $step = $(".wizard-step:visible"); // get current step
        var validator = $('form').validate(); // obtain validator
        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

我已将库源包含在 mvc4 包中。我能够使用不显眼的 js 成功获得客户端验证。但是在下一个按钮上调用验证失败。

任何有关如何解决此问题的帮助都将非常有帮助

Answer 1

我能够找出问题所在。
MVC4 模板在 body 标记的末尾有一个 js 引用。

@Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

这覆盖所有其他 jquery 库，因此找不到方法 x。