必填字段验证错误消息不显示，field-validation状态异常求助

针对你遇到的「必填字段验证错误消息不显示，元素状态始终是field-validation-valid」的问题，结合你提到的「继承抽象类的[Required]特性未生效」的推测，我整理了几个关键排查方向：

1. 检查抽象类属性的继承与特性覆盖 #

如果子类重新定义了父类的同名属性（比如用new关键字），会直接覆盖父类的属性及附加的[Required]特性，导致验证失效。

错误示例： #

// 抽象父类
public abstract class BaseAddress
{
    [Required(ErrorMessage = "街道不能为空")]
    public string Street { get; set; }
}

// 子类（错误写法）
public class Address : BaseAddress
{
    // 用new覆盖父类属性，丢失[Required]特性
    public new string Street { get; set; }
}

修正方式： #

• 如果不需要重写属性逻辑，直接删除子类的同名属性，继承父类的即可；
• 如果必须重写，使用override关键字（父类属性需标记为virtual），并在子类属性上重新添加[Required]：

// 抽象父类
public abstract class BaseAddress
{
    [Required(ErrorMessage = "街道不能为空")]
    public virtual string Street { get; set; }
}

// 子类（正确写法）
public class Address : BaseAddress
{
    [Required(ErrorMessage = "街道不能为空")]
    public override string Street { get; set; }
}

2. 确认客户端验证配置是否启用 #

对于ASP.NET MVC： #

检查web.config中的应用设置，确保客户端验证和无干扰JavaScript已开启：

<appSettings>
  <add key="ClientValidationEnabled" value="true" />
  <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>

对于ASP.NET Core： #

在Startup.cs的ConfigureServices方法中启用客户端验证：

services.AddMvc()
    .AddViewOptions(options =>
    {
        options.ClientValidationEnabled = true;
        options.HtmlHelperOptions.ClientValidationEnabled = true;
    });

3. 确保表单字段使用强类型助手渲染 #

只有用强类型HTML助手（如Html.EditorFor、Html.TextBoxFor）渲染字段，才会自动生成验证所需的data-val系列属性（比如data-val-required），jquery-val才能识别并触发验证。

正确示例： #

@model Address

@using (Html.BeginForm())
{
    <div>
        @Html.LabelFor(m => m.Street)
        @Html.EditorFor(m => m.Street)
        @Html.ValidationMessageFor(m => m.Street)
    </div>
    <button type="submit">提交</button>
}

避免使用普通<input>标签，否则无法生成验证所需的属性。

4. 检查脚本加载顺序 #

客户端验证依赖三个脚本，必须按以下顺序加载：

1. jQuery核心库
2. jquery.validate.min.js
3. jquery.validate.unobtrusive.min.js

正确示例： #

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

顺序错误会导致验证逻辑无法初始化。

5. 排查服务器端验证是否生效 #

如果客户端验证没触发，可以先测试服务器端验证：在Controller的Action中检查ModelState.IsValid：

[HttpPost]
public ActionResult Submit(Address model)
{
    if (!ModelState.IsValid)
    {
        // 服务器端验证失败，返回表单页面
        return View(model);
    }
    // 验证通过，处理逻辑
    return RedirectToAction("Success");
}

如果服务器端ModelState.IsValid也为true（明明没填必填字段），那大概率是属性的[Required]特性未被识别，需要检查是否有[Bind]特性限制了字段，或者是否使用了MetadataType但配置错误。

6. 手动触发验证调试 #

在浏览器控制台执行以下代码，强制重新解析表单验证规则，看是否能触发错误提示：

$.validator.unobtrusive.parse('form');

如果执行后错误消息显示了，说明页面加载时验证规则未正确初始化，可能是脚本加载时机或DOM渲染顺序的问题。

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