javascript限制只能输入两位小数

以下是一种实现方式：

function limitDecimals(event, elem) {
  let value = elem.value;
  // 将输入的值转换成数字类型
  let num = parseFloat(value);
  // 如果输入的不是数字，则不做处理
  if (isNaN(num)) {
    return;
  }
  // 将数字转换成字符串
  let str = num.toString();
  // 如果输入的是整数，则不做处理
  if (str.indexOf('.') === -1) {
    return;
  }
  // 限制小数点后面只能有两位小数
  if (str.split('.')[1].length > 2) {
    // 取消事件默认行为，阻止输入
    event.preventDefault();
    // 将超过两位小数的部分截取掉
    elem.value = str.slice(0, str.indexOf('.') + 3);
  }
}

这个函数接收两个参数，`event` 表示触发的事件对象，`elem` 表示输入框的 DOM 元素。在函数中，首先将输入的值转换成数字类型，如果输入的不是数字，则不做处理，直接返回。如果输入的是整数，则不做处理，直接返回。如果输入的是小数，则限制小数点后面只能有两位小数。如果超过了两位小数，则取消事件的默认行为，阻止输入，并将超过两位小数的部分截取掉。最后将处理后的值设置回输入框的值。

相关问题

JavaScript只能输入两位小数正则

可以使用以下正则表达式来限制输入两位小数：

^\d+(\.\d{1,2})?$

解释一下这个正则表达式：

- `^` 表示匹配字符串的开头。
- `\d+` 表示匹配一个或多个数字。
- `(\.\d{1,2})?` 表示匹配一个小数点和一到两个数字的组合，这个组合可以出现一次或者不出现。
- `$` 表示匹配字符串的结尾。

因此，这个正则表达式可以匹配整数或者小数，但小数点后最多只能有两位数字。

el-input 怎么限制只能输入两位小数

您可以使用 Vue.js 中的自定义指令来限制用户在 `el-input` 中只能输入两位小数。

以下是一个示例指令：

Vue.directive('number', {
  bind: function (el) {
    el.addEventListener('input', function () {
      let value = el.value;
      // 如果输入的不是数字，则替换为空字符串
      value = value.replace(/[^\d.]/g, '');
      // 如果存在两个以上的小数点，则替换为空字符串
      value = value.replace(/\.{2,}/g, '.');
      // 如果小数点在第一位，则替换为空字符串
      value = value.replace(/^\./g, '');
      // 如果小数点在末尾，则替换为空字符串
      value = value.replace(/\.$/g, '');
      // 如果输入的小数点后面超过两位，则截取前两位小数
      if (/\.\d{3,}/.test(value)) {
        value = value.slice(0, -1);
      }
      // 将处理后的值赋值给输入框
      el.value = value;
    });
  }
});

在使用 `el-input` 的地方，您只需要在 `v-number` 中使用这个指令即可：

<el-input v-number></el-input>

这样，用户在输入时就只能输入两位小数了。