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; }
}