jquery - 加载时不引人注目的验证 javascript 错误 - $jQval 未定义

Question

我将其与 jquery 1.7 一起使用。我不断收到 - jQval is undefined 错误。

这就是我加载脚本的方式。

$.ajax({
    url: "http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js",
    dataType: "script",
    cache: true,
    success: callback
});

我也尝试将其直接加载到头部 - 同样的错误

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js" type="text/javascript"></script>

Answer 1

只是为其他从搜索中到达这里的人发帖...

在头部加载文件时出现错误的原因是 jquery.validate.unobtrusive 需要 jquery.validate。这就是导致错误的原因。

（即，仔细检查您是否在 jquery.validate.unobtrusive 之前成功包含 jquery.validate）

Answer 2

已解决
级联 ajax 加载调用解决了它。它看起来像是加载两个文件的计时问题

$.ajax({
       url: "http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js",
       dataType: "script",
       cache: true,
       success: function () {
                        $.ajax({
                             url: "http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js",
                             dataType: "script",
                             cache: true,
                        });
                }
});

Answer 3

以下 3 个脚本对我来说非常有用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js" type="text/javascript"></script>

假设您有一个表单：

@using (Html.BeginForm())
{
    @Html.EditorFor(x => x.Foo)
    @Html.ValidationMessageFor(x => x.Foo)
    <button type="submit">OK</button>
}

键入视图模型：

public class MyViewModel
{
    [Required]
    public string Foo { get; set; }
}