input标签只能输入数字,输完进行数据格式化,变成钱的格式显示,就是三个数字一个逗号那种
时间: 2023-05-23 17:04:45 浏览: 135
A:可以使用JavaScript实现这个功能。可以通过onblur事件监听input标签的失去焦点事件,在事件中获取到input的值,然后使用正则表达式进行数据格式化,最后将格式化后的数据赋值回input标签中。下面是一个简单的示例代码:
HTML代码:
```
<input type="text" id="money-input" onblur="formatMoney()">
```
JavaScript代码:
```
function formatMoney() {
var input = document.getElementById("money-input");
var value = input.value.replace(/\D/g, "");
var formattedValue = value.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
input.value = formattedValue;
}
```
这个代码中,onblur事件会调用formatMoney()函数。该函数首先获取到input标签的值,并将其中的非数字字符全部替换为空字符串。接下来,使用正则表达式对数据进行格式化,将每三个数字加一个逗号。最后,将格式化后的数据赋值回input标签中。
阅读全文