簡體   English   中英

jQuery 驗證:未捕獲的類型錯誤:$(...)."valid is not a function" with valid references/order

[英]jQuery validate: Uncaught TypeError: $(...)."valid is not a function" with valid references/order

嘗試調用時,我收到錯誤消息“Uncaught TypeError: $(...).valid is not a function”

javascript

$('input[data-val=true]').on('blur', function() {
    $(this).valid();
});

HTML

<div class="col-xs-12 col-sm-5" style="margin-left:4px">
            <input required="True" class="form-control" data-bind="value: battleModel.ReserveTroopCount" data-val="true" data-val-number="The field Troop reserve must be a number." data-val-range="Troop reserve must be between 0 and 1000." data-val-range-max="1000" data-val-range-min="0" data-val-required="Troop reserve is required." id="ReserveTroopCount" name="ReserveTroopCount" placeholder="Troop reserve..." tabindex="1" title="Enter the minimum troops you want to reserve after the battle" type="text" value="5">

            <span class="field-validation-valid" data-valmsg-for="ReserveTroopCount" data-valmsg-replace="true"></span>
        </div>

參考

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/Content/bootstrap.css" rel="stylesheet" />
<script src="@(Url.Content("/Scripts/jquery-2.2.4.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.js"))" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-toolkit.js"></script>
@Scripts.Render("http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.4.2.js")
<script src="../../Scripts/knockout.mapping-latest.js" type="text/javascript"></script>
<script src="@(Url.Content("~/Scripts/RRCommon.js"))" type="text/javascript"></script>
<script src="@(Url.Content("~/Scripts/StrUtil.js"))" type="text/javascript"></script>
<script src="@(Url.Content("~/Scripts/RRRoll.js"))" type="text/javascript"></script>

我的 jquery 文件是本地的,但它們是有效的。 今天剛剛將它們從 NuGet 中刪除。 我看到瀏覽器中加載了所有腳本...

顯示我的腳本源的瀏覽器開發工具的屏幕截圖

我錯過了什么? 我在網上看到的所有內容都表明腳本參考丟失或它們的順序錯誤。 不知道還能做什么。 該錯誤表明未加載引用的 jquery 文件。 我還嘗試了對 jquery 文件的在線 cdn 引用,但遇到了同樣的錯誤。

為了使用 jQuery 表單驗證插件,您需要先在表單上進行設置。 文檔提供了一些示例,但基本上您需要選擇表單並運行.validate()函數。

var form = $( "#myform" );
form.validate();

顯然你沒有表單元素,所以這是你需要添加的東西。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM