如何调整数字输入框使其支持小数点与逗号输入？

要让输入框允许数字、小数点（.）和逗号（,），只需修改正则表达式，把这两个符号加入允许的字符集合即可：

基础版本 #

仅允许数字、小数点和逗号: <input oninput="this.value=this.value.replace(/(?![0-9.,])./gmi,'')"></input>

进阶优化（限制单个分隔符） #

如果要避免用户输入多个小数点或逗号（比如12..34或12,,34这类无效格式），可以添加额外逻辑处理：

仅允许数字及单个小数点/逗号: <input oninput="
  // 先过滤掉所有非允许的字符
  this.value = this.value.replace(/[^0-9.,]/g, '');
  // 确保小数点最多一个
  if (this.value.split('.').length > 2) {
    this.value = this.value.slice(0, this.value.lastIndexOf('.'));
  }
  // 确保逗号最多一个
  if (this.value.split(',').length > 2) {
    this.value = this.value.slice(0, this.value.lastIndexOf(','));
  }
"></input>

正则说明 #

• 原正则 /(?![0-9])./gmi 会匹配所有非数字字符并清空；
• 修改后的 /(?![0-9.,])./gmi 只会匹配**不是数字、不是.、不是,**的字符，从而保留这三类内容。

内容的提问来源于stack exchange，提问作者onit