jquery - 加载时不显眼的验证 javascript 错误 - $jQval 未定义答案

【问题标题】：jquery - unobtrusive validation javascript error on load - $jQval is undefinedjquery - 加载时不显眼的验证 javascript 错误 - $jQval 未定义
【发布时间】：2012-01-05 04:03:35
【问题描述】：

我在 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>

【问题讨论】：

我不认为在 type= 执行任何操作之前删除反勾号，是吗？
对不起，这只是问题中的一个错字

标签： javascript jquery asp.net-mvc-3 unobtrusive-javascript unobtrusive-validation

【解决方案1】：

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

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

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

【讨论】：

这是正确答案。谢谢，您减轻了我的很多 JS 头疼。

【解决方案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,
                        });
                }
});

【讨论】：

【解决方案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; }
}

【讨论】：