📌  相关文章
📜  javascript 限制输入到小数点后 2 位 - Javascript (1)

📅  最后修改于: 2023-12-03 15:01:46.960000             🧑  作者: Mango

Javascript 限制输入到小数点后 2 位 - Javascript

在处理金额等需要精确计算的场合，限制输入小数位数是必不可少的。下面就是一份 Javascript 代码，用于限制输入到小数点后 2 位。

function limitDecimalPlaces(input) {
  var value = parseFloat(input.value);

  if (!isNaN(value)) {
    // Rounds to 2 decimal places.
    value = parseFloat(value.toFixed(2));
    input.value = value;
  } else {
    input.value = '';
  }
}

这个函数做的事情很简单，先将输入框中的值转换成浮点数，如果转换成功，就使用 JavaScript 的 toFixed() 方法将小数位限制为 2 位，然后再将值设置回输入框中。如果转换不成功，就将输入框中的值清空。

接下来是一个 HTML 页面，用于测试此函数。在页面中有一个输入框，我们将使用上述函数限制输入小数点后 2 位。

<!DOCTYPE html>
<html>
  <head>
    <title>Limiting Decimal Places in JavaScript</title>
  </head>
  <body>
    <input type="number" oninput="limitDecimalPlaces(this)">
  </body>
</html>

在这个页面中，我们使用了 HTML5 中的 type 属性来指定输入框类型为 number 类型，并将函数绑定到 oninput 事件中。每当用户在输入框中输入数字时，就会触发 limitDecimalPlaces() 函数。