在input表单里面怎么把数字每三位自动加上一个,分开
时间: 2024-01-21 07:17:16 浏览: 69
如何防止INPUT按回车自动提交表单FORM
5星 · 资源好评率100%
你可以使用 JavaScript 中的正则表达式和 replace() 方法来实现这个功能。下面是一个示例代码:
```html
<input type="text" id="numberInput" onkeyup="formatNumber(this)">
```
```javascript
function formatNumber(input) {
// 移除原本的分隔符
let value = input.value.replace(/,/g, '');
// 使用正则表达式每三位加一个逗号
value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
// 更新 input 的值
input.value = value;
}
```
在这个示例中,我们在 input 元素上绑定了一个 onkeyup 事件,当用户输入数字并松开键盘时,会调用格式化函数 formatNumber()。在这个函数中,我们使用正则表达式 `\B(?=(\d{3})+(?!\d))` 来匹配每三个数字,然后在它们之间插入逗号。最后,我们更新 input 的值为格式化后的数字。
阅读全文