js文本框限制输入正小数最多三位

在JavaScript中，你可以通过结合HTML的`<input>`元素、DOM操作以及客户端验证来实现一个文本框，只允许用户输入最多三位的小数。以下是一个简单的示例：

<input type="number" id="decimal-input" step="0.001" oninput="checkInput(this)">

这里的关键点在于`type="number"`设置了输入类型为数字，`step="0.001"`指定步长为千分之一，用于限制精度。然后我们添加了`oninput`事件监听器，用于实时检查输入值：

function checkInput(inputField) {
    var value = parseFloat(inputField.value);
    if (isNaN(value) || !isFinite(value)) {
        // 如果不是有效数值，清空输入
        inputField.value = '';
    } else if (value < 0 || (Math.abs(Math.round(value * 1000)) !== Math.abs(value * 1000))) {
        // 超过三位小数则四舍五入到三位
        inputField.value = parseFloat(value.toFixed(3));
    }
}

这个函数会检查输入是否为有效数值，如果不是或者超过三位小数，它会自动调整输入。