ASP.NET Core MVC Bootstrap Toggle标签助手值绑定验证问题求助

嘿，我刚碰到过类似的坑，让我帮你搞定这个问题！

你遇到的验证错误核心原因有两个：

1. 未选中的复选框不会向服务器提交任何值，而你的IsBusiness是bool值类型，不能为null，这就导致模型绑定失败，抛出验证错误。
2. 你重写了Process方法但没调用base.Process，错过了InputTagHelper内置的绑定逻辑，虽然手动设置了value="true"，但还是可能出现值不匹配的问题。

解决方法确实需要添加隐藏字段，同时优化你的Tag Helper实现，利用基类的功能会更可靠：

修改后的BooleanTagHelper代码 #

using Microsoft.AspNetCore.Mvc.TagHelpers;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;

namespace Bidz4Hire.Utility.TagHelpers
{
    [HtmlTargetElement("boolean")]
    public class BooleanTagHelper : InputTagHelper
    {
        public BooleanTagHelper(IHtmlGenerator generator) : base(generator)
        {
        }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            // 先让基类处理默认逻辑：自动绑定name、id、初始选中状态等
            base.Process(context, output);

            // 指定为checkbox类型（基类对bool模型已默认设置，这里是双重保险）
            output.Attributes.SetAttribute("type", "checkbox");
            
            // 添加Bootstrap Toggle的配置属性
            output.Attributes.SetAttribute("data-toggle", "toggle");
            output.Attributes.SetAttribute("data-on", "Yes");
            output.Attributes.SetAttribute("data-off", "No");

            // 关键：添加隐藏字段，提供未选中时的默认值false
            var hiddenInput = new TagBuilder("input");
            hiddenInput.Attributes["type"] = "hidden";
            hiddenInput.Attributes["name"] = For.Name; // 和复选框同名，确保绑定到同一个属性
            hiddenInput.Attributes["value"] = "false";
            
            // 把隐藏字段追加到当前标签后面
            output.PostContent.AppendHtml(hiddenInput);
        }
    }
}

关键改动说明 #

• 调用base.Process：让InputTagHelper基类处理所有基础绑定工作，比如根据asp-for自动生成name、id，根据模型值设置初始选中状态，你不用再手动判断For.Model来设置checked属性，基类已经处理得更准确。
• 添加隐藏字段：这个隐藏字段和复选框同名，当用户未选中Toggle时，表单会提交这个false值；当选中时，表单会同时提交false（隐藏字段）和true（复选框），ASP.NET Core的模型绑定会自动识别并使用true（它能处理这种多值情况）。
• 移除手动设置的属性：删掉了之前手动设置id、name、value的代码，避免和基类逻辑冲突，减少出错概率。

修改完成后，你的视图代码不用改，保持原来的样子就行：

<div class="form-group">
    <label asp-for="IsBusiness"></label>
    <boolean asp-for="IsBusiness" class="form-control"/>
    <span asp-validation-for="IsBusiness" class="text-danger"></span>
</div>

这样用户切换Toggle后，不管选不选，表单都会提交一个有效的bool值，模型绑定就能正常工作，再也不会出现那个烦人的验证错误啦！

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