使用JavaScript来实现输入框只能输入两位小数的数字,并在输入完成后自动添加逗号显示。
时间: 2024-04-17 11:24:16 浏览: 87
js控制文本框只输入数字和小数点的方法
使用JavaScript来实现输入框只能输入两位小数的数字,并在输入后自动添加逗号显示可以通过以下代码实现:
```javascript
// 获取输入框元素
const input = document.getElementById('inputBox');
// 监听输入框的输入事件
input.addEventListener('input', function() {
// 获取输入框的值
let value = input.value;
// 去除非数字和小数点的字符
value = value.replace(/[^\d.]/g, '');
// 限制只能输入两位小数
const decimalIndex = value.indexOf('.');
if (decimalIndex !== -1) {
const decimalPart = value.substr(decimalIndex + 1, value.length);
if (decimalPart.length > 2) {
value = value.substr(0, decimalIndex + 3);
}
}
// 添加千位分隔符
const parts = value.split('.');
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
// 更新输入框的值
input.value = parts.join('.');
});
```
你可以将上述代码嵌入到你的页面中,将对应的输入框的 id 设置为 `inputBox`。这样,当用户在输入框中输入数字时,会自动限制输入为两位小数,并在输入完成后添加千位分隔符。
阅读全文