数字输入上的小数点

Question

当用户输入时，是否可以在数字输入上添加小数点？

我有以下输入：

     <div class="form-control">
          <label for="bill">Bill</label>
          <input
            type="number"
            id="bill"
            name="bill"
            placeholder="0"
            maxlength="6"
          />

我已尝试设置输入。值并将其包装在格式化程序中。format（），使用以下命令，但我得到一个解析错误。因为$sign和它是一个数字输入，我猜。

let formatter = new Intl.NumberFormat('en-US', {
style: 'currency',
currency: 'USD', });

有办法这么做吗？

Answer 1

使用正则表达式删除非数字，然后使用字符串函数添加小数。

document.getElementById('bill').addEventListener('input', function(){
  if(this.value.length > 2){
    var val = this.value.replace(/[^\d]/, '');
    val = val.substr(0, val.length-2)+"."+val.substr(-2);
    this.value = val;
  }
});

<input
  type="number"
  id="bill"
  name="bill"
  placeholder="0"
  maxlength="6"
/>