HTML 输入类型数字 千位分隔符

Question

我想在我的输入字段中有一个千位分隔符（例如 1,000,000）。但是， 它必须是 number 类型， 因为我需要能够使用“step”来调整它的值。代码：

 <input type="number" id='myNumber' value="40,000" step='100'>

我尝试使用 Javascript 来调整值，但没有奏效。任何帮助，将不胜感激。谢谢！

原文由 tije 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

• 查看此 webdesign.tutsplus.com 教程
• 最终结果总结在这里（ 直接看 Codepen playground ）

   $("#formInput".on("keyup", function(event ) {
      // When user select text in the document, also abort.
      var selection = window.getSelection().toString();
      if (selection !== '') {
          return;
      }
      // When the arrow keys are pressed, abort.
      if ($.inArray(event.keyCode, [38, 40, 37, 39]) !== -1) {
          return;
      }
      var $this = $(this);
      // Get the value.
      var input = $this.val();
      input = input.replace(/[\D\s\._\-]+/g, "");
      input = input?parseInt(input, 10):0;
      $this.val(function () {
          return (input === 0)?"":input.toLocaleString("en-US");
      });
  });

笔记：

• toLocaleString() javascript 函数实际显示千位分隔符（ 示例和文档）
• 在您的控制台中运行以下代码以了解想法

(30000000).toLocaleString(‘en-US’,{useGrouping:true})

原文由 Iman 发布，翻译遵循 CC BY-SA 4.0 许可协议