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 引用，但遇到了同样的错误。
1 个解决方案
解决方案1
8 已采纳 2017-10-18 00:24:11
为了使用 jQuery 表单验证插件，您需要先在表单上进行设置。 该文档提供了一些示例，但基本上您需要选择表单并运行.validate()函数。
var form = $( "#myform" );
form.validate();
显然你没有表单元素，所以这是你需要添加的东西。
TypeError：$（…）.valid不是jQuery验证中的函数
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.