ASP.NET MVC提交HTML5 number类型浮点参数小数点丢失如何解决？

该问题由客户端与服务端的区域文化（Culture）小数分隔符规则不匹配导致：
HTML5 type="number" 输入框会自动适配用户浏览器/系统的区域设置，不同区域的小数分隔符存在差异（如欧盟区域默认用逗号,，中文/英文美区默认用点.）。ASP.NET MVC默认的数值模型绑定器仅会按服务端预设的区域文化规则解析参数，当用户输入的小数分隔符不符合服务端规则时，会被判定为无效字符直接过滤，最终得到无小数点的放大后整数。

按推荐优先级排列如下：

方案1：全局配置兼容多格式的数值模型绑定器 #

无需修改前端代码，后端统一适配点、逗号两种小数分隔符，是适用范围最广的解决方案：

1. 自定义数值类型绑定器

using System.Globalization;
using System.Web.Mvc; // .NET Framework引用
// 若为.NET Core/.NET 5+ 则引用Microsoft.AspNetCore.Mvc.ModelBinding相关命名空间

public class CultureInvariantDecimalModelBinder : IModelBinder
{
    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        var valueResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
        if (valueResult == null || string.IsNullOrWhiteSpace(valueResult.AttemptedValue))
            return null;
        
        // 统一将逗号替换为点，用固定文化规则解析
        var cleanedValue = valueResult.AttemptedValue.Replace(',', '.');
        if (decimal.TryParse(cleanedValue, NumberStyles.Any, CultureInfo.InvariantCulture, out var decimalValue))
        {
            bindingContext.ModelState.SetModelValue(bindingContext.ModelName, valueResult);
            return decimalValue;
        }
        // 若需要绑定float、double类型，仅需修改TryParse的返回类型即可
        bindingContext.ModelState.AddModelError(bindingContext.ModelName, "请输入有效的数值");
        return null;
    }
}

2. 全局注册绑定器

• .NET Framework 版本（Global.asax.cs）：

protected void Application_Start()
{
    // 其他原有配置保留，新增以下注册代码
    ModelBinders.Binders.Add(typeof(decimal), new CultureInvariantDecimalModelBinder());
    ModelBinders.Binders.Add(typeof(float), new CultureInvariantDecimalModelBinder());
    ModelBinders.Binders.Add(typeof(double), new CultureInvariantDecimalModelBinder());
}

• .NET Core/.NET 6+ 版本（Program.cs）：

// 先实现BinderProvider
public class CustomModelBinderProvider : IModelBinderProvider
{
    public IModelBinder GetBinder(ModelBinderProviderContext context)
    {
        if (context.Metadata.ModelType == typeof(decimal) || 
            context.Metadata.ModelType == typeof(float) || 
            context.Metadata.ModelType == typeof(double))
        {
            return new CultureInvariantDecimalModelBinder();
        }
        return null;
    }
}

// 在服务注册阶段新增配置
builder.Services.AddControllers(options =>
{
    options.ModelBinderProviders.Insert(0, new CustomModelBinderProvider());
});

方案2：前端统一提交格式 #

如果不想修改后端逻辑，可在表单提交前统一替换小数分隔符，保证提交到后端的格式一致：

document.getElementById('CalibrationBar').addEventListener('submit', function(e) {
    const valueInput = document.querySelector('input[name="value"]');
    // 将所有逗号替换为点后再提交
    valueInput.value = valueInput.value.replace(',', '.');
});

该方案改动量极小，前端处理后后端用默认绑定规则即可正常解析。

方案3：固定全局区域文化 #

如果你的应用仅面向特定区域的用户，可直接全局设置服务端区域文化和前端保持一致，例如面向国内用户设置为中文区域：

• .NET 6+ 版本（Program.cs）：

var defaultCulture = new CultureInfo("zh-CN");
CultureInfo.DefaultThreadCurrentCulture = defaultCulture;
CultureInfo.DefaultThreadCurrentUICulture = defaultCulture;

• .NET Framework 版本（Global.asax.cs）：

protected void Application_BeginRequest(object sender, EventArgs e)
{
    var defaultCulture = new CultureInfo("zh-CN");
    Thread.CurrentThread.CurrentCulture = defaultCulture;
    Thread.CurrentThread.CurrentUICulture = defaultCulture;
}

不建议将input改为text类型，该改动会丢失HTML5原生的数值校验、步长限制、移动端数字键盘唤起的特性，反而会增加额外的前端校验成本。

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