js对表单多个输入框做数字小数点保留两位校验
时间: 2024-04-12 16:26:51 浏览: 65
对于表单中多个输入框的数字小数点保留两位校验,可以使用 JavaScript 来实现。以下是一个示例代码:
```javascript
// 获取所有输入框
const inputFields = document.querySelectorAll('input[type="number"]');
// 给每个输入框绑定事件监听
inputFields.forEach(input => {
input.addEventListener('input', () => {
// 获取输入框的值
let value = input.value;
// 移除非数字字符和多余的小数点
value = value.replace(/[^\d.]/g, '');
value = value.replace(/\.{2,}/g, '.');
value = value.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
// 保留两位小数
const decimalIndex = value.indexOf('.');
if (decimalIndex !== -1) {
value = value.substr(0, decimalIndex + 3);
}
// 更新输入框的值
input.value = value;
});
});
```
上述代码会对所有类型为 "number" 的输入框进行校验,保留两位小数并过滤非数字字符和多余的小数点。每当输入框的值发生变化时,会自动进行校验并更新输入框的值。你可以根据实际情况修改选择器,以适应你的输入框结构。
阅读全文