ASP .NET MVC 5中Html.ValidationMessageFor无法正常工作的问题

我之前也踩过这个Ajax表单验证的坑，结合你提供的代码片段，给你几个针对性的排查和解决方向：

• 确保客户端验证脚本已正确引用
  ASP.NET MVC的非侵入式客户端验证依赖两个核心脚本，必须在页面（或布局页）里加载：

  <script src="~/Scripts/jquery.validate.min.js"></script>
  <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
  

  注意顺序不能错，要先加载jQuery，再加载这两个验证脚本。

• 在Ajax提交前手动触发客户端验证
  Ajax.BeginForm默认不会自动触发客户端验证流程，所以需要在OnBegin事件里手动初始化并执行验证，不通过就阻止提交：
  修改你的AjaxOptions里的OnBegin配置：

  OnBegin = function() {
      $('#report-loader').show();
      var form = $("#SampleSurvey");
      // 初始化表单验证
      form.validate();
      // 只有验证通过才允许提交
      return form.valid();
  }
  

  这样当模型验证不通过时，会自动显示Html.ValidationMessageFor对应的错误信息，同时不会发起Ajax请求。

• 控制器返回正确的视图以保留验证状态
  当Ajax提交后模型验证失败时，不要返回重定向，而是返回包含当前模型（带错误状态）的PartialView，这样前端的ValidationMessageFor才能获取到错误信息：

  [HttpPost]
  [ValidateAntiForgeryToken]
  public ActionResult UploadEdit(SampleSurveyViewModel model)
  {
      if (!ModelState.IsValid)
      {
          // 返回包含验证错误的部分视图，对应你页面里的UpdateTargetId容器
          return PartialView("SampleSurveyPartial", model);
      }
      // 验证通过后的业务逻辑...
      return PartialView("SampleSurveyPartial", model);
  }
  

• 检查验证绑定的正确性
  确保Html.ValidationMessageFor和对应的输入控件（比如Html.TextBoxFor/Html.FileFor）绑定的是同一个模型属性，并且模型属性上已添加了验证特性，比如：
  模型类：

  public class SampleSurveyViewModel
  {
      [Required(ErrorMessage = "请选择要上传的文件")]
      [DataType(DataType.Upload)]
      public HttpPostedFileBase UploadFile { get; set; }
      // 其他属性...
  }
  

  视图里的对应代码：

  @Html.FileFor(m => m.UploadFile)
  @Html.ValidationMessageFor(m => m.UploadFile, "", new { @class = "text-danger" })
  

• 确认UpdateTargetId容器包含验证元素
  你的AjaxOptions里设置了UpdateTargetId = "SampleSurvey-widget"，这个容器必须包裹住整个表单（包括验证消息元素），这样当控制器返回PartialView时，才能正确替换内容并显示验证错误。

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