forms - mvc4 上的 jquery 验证方法未找到错误

Question

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

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

var 验证器 = $('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 bundle 中。 我能够使用不显眼的 js 成功获得客户端验证。 但是调用下一个按钮的验证失败。

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

Answer 1

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

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

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