无法显示来自模型 mvc 的验证错误消息

Question

我的文件按这个顺序排列

 <script src="~/Content/js/jquery.min.js"></script>
 <script src="~/Content/js/jquery.validate.unobtrusive.js"></script>
 <script src="~/Content/js/jquery.unobtrusive-ajax.min.js"></script>
 <script src="~/Content/js/jquery.validate.min.js"></script>
 <script src="~/Content/js/jquery.validate.mvc.js"></script>
 <script src="~/Content/js/responsive-table-ul-main.js"></script>
 <script src="~/Content/js/bootstrap.min.js"></script>

我在页面“无法设置未定义的属性'unobtrusive'”上收到此错误。当我提交按钮或加载页面时，此错误出现在控制台中

Answer 1

查看jquery验证不显眼的bower文件：https://github.com/aspnet/jquery-validation-unobtrusive/blob/master/bower.json

很明显，它依赖于 jquery.validate 脚本。所以你需要把它们放在你的 html 中的 jquery.validation.unobtrusive 之前，像这样：

 <script src="~/Content/js/jquery.min.js"></script>
 <script src="~/Content/js/jquery.validate.min.js"></script>
 <script src="~/Content/js/jquery.validate.mvc.js"></script>
 <script src="~/Content/js/jquery.validate.unobtrusive.js"></script>
 <script src="~/Content/js/jquery.unobtrusive-ajax.min.js"></script>
 <script src="~/Content/js/responsive-table-ul-main.js"></script>
 <script src="~/Content/js/bootstrap.min.js"></script>