JS文本框数字自动三位小数格式化：无需传参定位及alert故障排查

算力阿峰

2026-7-7

问题解决方案

一、先修复你当前的代码问题

你的JS代码存在两处问题：

alert(retval, id) 语法错误，alert仅支持单个参数，拼接内容需用加号，且你定义的变量是tboxid而非id
tbox.value是字符串类型，直接调用toFixed会报错，必须先转为数值类型

修改后的完整代码如下：

ASP.NET控件代码

<asp:TextBox ID="txtmaxbal" runat="server" Style="text-align: right" Width="40" MaxLength="7" onkeyup="percent(this)"></asp:TextBox>%

JavaScript代码

<script type="text/javascript">
    function percent(tbox) {
        // 将输入值转为数字，空值或非数字默认设为0
        var num = Number(tbox.value) || 0;
        var formattedNum = num.toFixed(3);
        // 更新文本框内容为格式化后的值
        tbox.value = formattedNum;
        // 正确的弹窗写法
        alert(formattedNum + ' | 文本框ID：' + tbox.id);
    }
</script>

二、不传递参数的情况下定位触发事件的文本框

如果不想在事件绑定里传this，可以在函数内通过event.target获取当前触发事件的元素：

修改后的ASP.NET控件代码

<asp:TextBox ID="txtmaxbal" runat="server" Style="text-align: right" Width="40" MaxLength="7" onkeyup="percent()"></asp:TextBox>%

对应JavaScript代码

<script type="text/javascript">
    function percent() {
        var tbox = event.target;
        var num = Number(tbox.value) || 0;
        tbox.value = num.toFixed(3);
    }
</script>