当我包含 jquery.validate.js 时，为什么“Uncaught TypeError: Object [object Object] has no method 'validate'”答案

【问题标题】：Why "Uncaught TypeError: Object [object Object] has no method 'validate' " when I have included jquery.validate.js当我包含 jquery.validate.js 时，为什么“Uncaught TypeError: Object [object Object] has no method 'validate'”
【发布时间】：2013-04-19 04:09:15
【问题描述】：

我的代码：

@model ColumnVM
@{
    ViewBag.Title = "AddColumn3";
    Layout = "../Shared/_layout2.cshtml";
}
<script type="text/javascript">
    $(function () {
        $("form").validate().settings.submitHandler = function (form) {
            alert('valid form');
            form.submit();
        };
    });

</script>
@using (Html.BeginForm("addcolumn3", "Course", FormMethod.Post))
{

    <fieldset>
        <legend>ColumnVM</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>
        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>

在_Layout2.cshtml中

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Layout.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

</head>
<body>
            @RenderBody()

</body>
</html>

现在浏览器显示错误：Uncaught TypeError: Object [object Object] has no method 'validate'。如果我更改 Layout=null，并在代码中手动添加

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

它有效！我不知道为什么。有谁知道吗？

【问题讨论】：

嗨，伙计，我认为您的源路径不正确，请使用这些链接尝试您的源，这应该证明错误http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js 希望它符合需要:) 链接：bassistance.de/jquery-plugins/jquery-plugin-validation
谢谢，但它仍然不起作用:(
我们正在对 JavaScript 进行故障排除，因此请显示 呈现的 HTML。脚本要么被正确包含，要么没有......检查浏览器中的页面源代码和 JS 控制台中的 404 错误似乎是下一个合乎逻辑的步骤。

标签： javascript jquery asp.net-mvc jquery-validate

【解决方案1】：

尝试为您的布局页面指定完整的虚拟路径：

@model ColumnVM
@{
    ViewBag.Title = "AddColumn3";
    Layout = "~/Views/Shared/_layout2.cshtml";
}

就像@Tats_innit 所说，这可能是路径解析错误。如果它是唯一的，您也可以只使用布局的名称，因为 MVC 最终会在 Shared 文件夹中查找不合格的视图/布局。

【讨论】：