Asp.Net MVC添加Designer记录时ModelState无效的原因排查

我尝试向数据库添加新的Designer记录时，ModelState验证始终不通过，但页面上看不到任何错误信息。即使删除了模型中关联属性Designer_Clothes的Required特性（原本也未添加），问题依然存在，请问这是什么原因？

Designer模型代码 #

public class Designer
{
    [HiddenInput]
    [Key]
    public int Id { get; set; }
    [Display(Name = "Profile Picture")]
    [Required(ErrorMessage ="Profile picture is required")]
    public string ProfilePictureUrl { get; set; }
    [Display(Name = "Full Name")]
    [Required(ErrorMessage ="Full name is required")]
    [StringLength(25, MinimumLength =3,ErrorMessage ="Full name must be between 3 and 25 chars")]
    public string FullName { get; set; }
    [Display(Name = "Bio")]
    [Required(ErrorMessage ="Biography is required")]
    public string Bio { get; set; }
    public List<Designer_Clothes> Designer_Clothes { get; set; }
}

Designer控制器代码 #

public class DesignerController : Controller
{
    private readonly IDesignerService _service;

    public DesignerController(IDesignerService service)
    {
        _service = service;
    }

    public async Task<IActionResult> Index()
    {
        var data = await _service.GetAll();
        return View(data);
    }
    public IActionResult Create()
    {
        return View();
    }
    [HttpPost]
    public IActionResult Create([Bind("FullName,ProfilePictureUrl,Bio")] Designer designer)
    {

        if (ModelState.IsValid)
        {
            _service.Add(designer);
            return RedirectToAction(nameof(Index));

        }
        var errors = ModelState.Values.SelectMany(v => v.Errors);
        return View();
        
    }
}

视图代码 #

<div class="row text">
    <div class="col-md-8 offset-2">
        <p>
            <h1>Add a New Designer</h1>
        </p>
        <div class="row">
            <div class="col-md-8 offset-2">
                <form asp-action="Create">
                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                    <div class="form-group text-center">
                        <img id="ProfilePicturePreview" class="border-info rounded-circle" style="max-width: 150px" />
                    </div>
                    <div class="form-group">
                        <label asp-for="ProfilePictureUrl" class="control-label"></label>
                        <input asp-for="ProfilePictureUrl" class="form-control" />
                        <span asp-validation-for="ProfilePictureUrl" class="text-danger"></span>
                    </div>
                    <div class="form-group">
                        <label asp-for="FullName" class="control-label"></label>
                        <input asp-for="FullName" class="form-control" />
                        <span asp-validation-for="FullName" class="text-danger"></span>
                    </div>
                    <div class="form-group">
                        <label asp-for="Bio" class="control-label"></label>
                        <input asp-for="Bio" class="form-control" />
                        <span asp-validation-for="Bio" class="text-danger"></span>
                    </div>

                    <div class="form-group">
                        <input type="submit" value="Create" class="btn btn-outline-success float-right" />
                        <a class="btn btn-outline-secondary" asp-action="Index">Show All</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

原因分析与解决方案 #

核心问题1：表单请求方法错误 #

你的表单未指定请求方法，默认使用GET请求，点击提交后会调用GET版本的Create方法，而非处理提交逻辑的POST方法。这会导致你误以为是ModelState验证失败，实际根本没触发POST方法里的验证逻辑。

解决：修改form标签，指定POST方法：

<form asp-action="Create" asp-method="post">

核心问题2：验证信息无法渲染 #

即使走到POST方法，当ModelState.IsValid为false时，你返回视图时没有传递designer模型对象，视图无法获取模型的验证状态，导致错误信息无法显示。

解决：返回视图时传入模型：

if (ModelState.IsValid)
{
    _service.Add(designer);
    return RedirectToAction(nameof(Index));
}
// 传递模型到视图，确保验证信息能被渲染
return View(designer);

潜在问题3：集合属性未初始化 #

Designer_Clothes作为集合属性，默认值为null，部分场景下会触发隐式验证失败（比如EF Core关系配置要求集合非null）。

解决：在Designer模型的构造函数中初始化集合：

public class Designer
{
    public Designer()
    {
        Designer_Clothes = new List<Designer_Clothes>();
    }
    // 其他属性...
    public List<Designer_Clothes> Designer_Clothes { get; set; }
}

额外优化：配置Id为自增字段 #

确保Id字段被EF Core识别为自增主键，避免模型绑定时Id为0导致的潜在验证问题：

[HiddenInput]
[Key]
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public int Id { get; set; }

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