ASP.NET TextBox设TextMode为number时提交后Text值为空

你碰到的这个问题本质是自定义表单提交的JavaScript代码遗漏了对type="number"输入控件的处理，导致提交时number类型输入框的值没有被打包到表单数据里，后端的ASP.NET TextBox自然就获取不到Text值了。

核心修复步骤：修改JavaScript的类型判断逻辑 #

你的现有JS代码只处理了text、password、hidden类型的输入，以及选中的checkbox/radio，完全没考虑number类型。只需要把type === 'number'加入到判断条件里即可：

修改后的代码片段：

if (tagName === 'INPUT') {
    var type = element.type;
    // 新增了type === 'number'的判断
    if ((type === 'text') || (type === 'password') || (type === 'hidden') || (type === 'number') || (((type === 'checkbox') || (type === 'radio')) && element.checked)) {
        formBody.append(encodeURIComponent(name));
        formBody.append('=');
        formBody.append(encodeURIComponent(element.value));
        formBody.append('&');
    }
}

这样修改后，number类型的输入框值就会被正常收集并提交到后端，TextBox的Text属性就能正确获取到值了。

额外注意事项（针对你的业务场景） #

你设置了min="00000"和max="99999"，但要注意：浏览器的number类型输入会自动忽略前导零（比如输入00123会被转为123）。如果你的业务必须保留5位带前导零的格式，可以做以下处理：

• 方案一：把TextMode改回SingleLine，通过HTML5的pattern属性做前端验证，确保输入是5位数字：

  <asp:TextBox runat="server" ID="textBoxRMAnumber" MaxLength="5" Width="216" pattern="\d{5}" title="请输入5位数字" />
  

• 方案二：保持TextMode="number"，在后端接收值时补上前导零：

  textBoxRMAnumber.Text = textBoxRMAnumber.Text?.PadLeft(5, '0') ?? string.Empty;
  

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