使用 jquery 输入时每 3 位数字自动添加逗号

Question

你好，我正在创建一个要求用户输入数字的表单，数字可以是数百万或数十亿，使用 HTML 输入类型="number"，它给出了用户在计算数字时有些压力，我想格式化用户正在输入的数字以使其清楚，以便 he/she 不会输入错误的数字我打算使用 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>

提前致谢

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>

使用 jquery 输入时每 3 位数字自动添加逗号

automatic adding comma every 3 digits during typing using jquery

html

javascript

jquery

number-formatting

cakephp-3.0