MVC+Unobtrusive jQuery表单提交报错：validator未定义

你遇到的这个Uncaught TypeError: can't access property "settings", validator is undefined报错，大多和jQuery非侵入式验证的加载、配置环节有关，结合你的代码场景，我整理了几个常见原因和排查方向：

1. 核心JS文件缺失或加载顺序错误 #

MVC的非侵入式验证+Ajax表单提交，必须依赖以下4个JS文件，而且加载顺序绝对不能乱：

• 首先是基础的jQuery库（比如jquery-3.x.min.js）
• 然后是验证核心jquery.validate.min.js
• 接着是非侵入式验证适配层jquery.validate.unobtrusive.min.js
• 最后是Ajax表单支持jquery.unobtrusive-ajax.min.js

很多时候报错就是因为漏装了其中某一个，或者把顺序搞反了（比如先加载validate再加载jQuery）。你可以打开浏览器开发者工具的网络标签，确认这几个文件都成功加载，且顺序正确。

2. Web.config中客户端验证开关被禁用 #

检查项目根目录下的Web.config，确认<appSettings>里的两个关键配置是开启状态：

<appSettings>
  <!-- 必须设为true才能启用客户端验证 -->
  <add key="ClientValidationEnabled" value="true" />
  <!-- 必须设为true才能启用非侵入式JS逻辑 -->
  <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>

如果这两个值是false，MVC不会渲染验证所需的data-val系列属性，自然会导致validator对象初始化失败。

3. 表单或模型验证属性异常 #

从你的CSHTML代码来看，用到了@Html.ValidationSummary和@Html.ValidationMessageFor，如果：

• 你的AccountProfile模型类中，验证属性（比如[Required]、[StringLength]）有语法错误；
• 页面渲染后，表单元素没有生成对应的data-val、data-val-required等验证标记；
• 表单内有重复ID的元素，或者HTML结构不符合验证规则；

都可能导致验证器无法正常初始化。你可以右键查看页面源码，检查xBatchNo输入框的HTML，正常应该是类似这样：

<input type="text" name="xBatchNo" id="xBatchNo" class="form-control" placeholder="Batch No" data-val="true" data-val-required="The Batch No field is required.">

4. Ajax.BeginForm的依赖缺失 #

你用了Ajax.BeginForm来实现无刷新提交，这个控件依赖jquery.unobtrusive-ajax.js文件，如果没引入这个文件，Ajax提交逻辑不会生效，甚至会和验证逻辑冲突引发报错。一定要确认这个文件也正确加载了。

快速排查步骤 #

1. 先把页面的JS引用调整成正确顺序，确保四个核心文件都加载；
2. 验证Web.config的开关配置；
3. 暂时把Ajax.BeginForm换成普通的Html.BeginForm，测试能否正常提交到控制器Action——如果可以，说明问题出在Ajax非侵入式的配置上；
4. 检查模型类的验证属性是否正确，页面渲染后的验证标记是否存在。

内容的提问来源于stack exchange，提问作者Nishantha Maduranga