如何实现用户输入金额时自动格式化TextBox内的货币值？

这其实是把输入的分单位数值转换为元单位的货币格式的需求，我来分享几个靠谱的实现方式，分前端和常见的桌面端场景来说：

首先得明确需求本质：用户输入的是「分」的整数（比如输入30=30分=0.30元，300=300分=3.00元），所以核心步骤是：

1. 提取输入中的纯数字（过滤掉非数字字符，比如用户不小心输入的符号、字母）
2. 将数字转换为数值后除以100，得到以元为单位的金额
3. 格式化为始终保留两位小数的字符串（确保像0.30、3.00这样的格式）

如果是网页里的输入框，用JavaScript监听输入事件实时处理是最常见的方式：

// 获取输入框元素
const amountInput = document.getElementById('amountInput');

// 监听输入事件
amountInput.addEventListener('input', function(e) {
  // 提取输入中的纯数字，过滤非数字字符
  const rawValue = e.target.value.replace(/\D/g, '');
  
  // 处理空输入的情况
  if (!rawValue) {
    e.target.value = '';
    return;
  }
  
  // 转换为元单位：数字除以100，然后格式化为两位小数
  const formattedValue = (parseInt(rawValue, 10) / 100).toFixed(2);
  
  // 更新输入框显示
  e.target.value = formattedValue;
});

这段代码的好处是：

• 自动过滤非数字输入，避免无效值
• 实时更新显示，用户输入过程中就能看到格式化后的结果
• toFixed(2)确保始终保留两位小数，符合货币格式要求

如果是WinForms的TextBox控件，可以在TextChanged事件里处理：

private void amountTextBox_TextChanged(object sender, EventArgs e)
{
    var textBox = sender as TextBox;
    if (textBox == null) return;

    // 提取纯数字，移除所有非数字字符
    string rawText = new string(textBox.Text.Where(char.IsDigit).ToArray());
    
    // 处理空输入
    if (string.IsNullOrEmpty(rawText))
    {
        textBox.Text = "";
        return;
    }

    // 转换为元单位并格式化
    if (int.TryParse(rawText, out int cents))
    {
        decimal dollars = cents / 100m;
        textBox.Text = dollars.ToString("F2");
        
        // 光标定位到末尾，避免输入时光标跳开头
        textBox.SelectionStart = textBox.Text.Length;
    }
}

这里要注意：

• 使用decimal类型处理货币，避免浮点数精度问题（比如用float/double可能出现0.1+0.2≠0.3的情况）
• 处理完后把光标移到末尾，提升用户体验

• 可以在输入框添加占位符，比如placeholder="输入分的数值，自动转换为元"，引导用户输入
• 如果需要支持负数（比如退款场景），可以调整过滤规则，允许负号，但要注意处理逻辑
• 对于大量输入的场景，可以添加防抖处理（前端），避免频繁触发计算

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