javascript - 使用 jquery 键入时每 3 位自动添加逗号

Question

美好的一天，我正在创建一个需要用户输入数字的表单，数字可以大到数百万或数十亿，使用 HTML 输入 type="number"，它给用户计算数字带来了一些压力，我想格式化数字是用户正在输入以使其清楚，以便他/她不会输入我打算使用 jquery keyup 的错误数字，因为我在项目中使用 CakePHP，我在某处进行了测试，但我没有得到想要的回答

    <form>
  <label for="amount">Amount</label>
  <input type="number" name="amount" id="amount" />
</form>

    <script>
  $(document).ready(function () {
      $("#amount").keyup(function () {
        $("#amount").toLocaleString();
      });
  });
</script>

先感谢您

标签： javascripthtmljquerycakephp-3.0number-formatting

Answer 1

您好，这是我在另一个主题中找到的脚本。

脚本信用： http: //phpjs.org/functions/number_format/

function number_format (number, decimals, dec_point, thousands_sep) {
    // Strip all characters but numerical ones.
    number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
    var n = !isFinite(+number) ? 0 : +number,
        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
        s = '',
        toFixedFix = function (n, prec) {
            var k = Math.pow(10, prec);
            return '' + Math.round(n * k) / k;
        };
    // Fix for IE parseFloat(0.55).toFixed(0) = 0;
    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
    if (s[0].length > 3) {
        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
    }
    if ((s[1] || '').length < prec) {
        s[1] = s[1] || '';
        s[1] += new Array(prec - s[1].length + 1).join('0');
    }
    return s.join(dec);
}

<input type="number" value="0" oninput="document.getElementById('result').innerHTML = number_format(this.value, 0, ',', ' ')">
<br>
<span>Result: <b id="result">0</b> </span>