在輸入類型編號中添加千個逗號分隔符

Question

我有一個由stackoverflow的另一個成員制作的腳本，但我需要為數千個數字添加逗號分隔符。

我該怎么做？

 (function($) { $.fn.currencyInput = function() { this.each(function() { var wrapper = $("<div class='currency-input' />"); $(this).wrap(wrapper); $(this).before("<span class='currency-symbol'>$</span>"); $(this).change(function() { var min = parseFloat($(this).attr("min")); var max = parseFloat($(this).attr("max")); var value = this.valueAsNumber; if(value < min) value = min; else if(value > max) value = max; $(this).val(value.toFixed(2)); }); }); }; })(jQuery); $(document).ready(function() { $('input.currency').currencyInput(); }); 

 .currency { padding-left:12px; } .currency-symbol { position:absolute; padding: 2px 5px; } 

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <input type="number" class="currency" min="0.01" max="2500.00" value="25.00" /> 

Answer 1

1. 您不能在“數字”輸入上加上逗號，因此請將其更改為“文本”。
2. 由於不能同時使用“ toLocaleString”和toFixed，因此需要不同的解決方案：

 (function($) { $.fn.currencyInput = function() { this.each(function() { var wrapper = $("<div class='currency-input' />"); $(this).wrap(wrapper); $(this).before("<span class='currency-symbol'>$</span>"); $(this).val(parseFloat($(this).val()).toLocaleString(undefined, {minimumFractionDigits:2, maximumFractionDigits:2})); $(this).change(function() { var min = parseFloat($(this).attr("min")); var max = parseFloat($(this).attr("max")); var value = parseFloat($(this).val().replace(/,/g, '')); if(value < min) value = min; else if(value > max) value = max; $(this).val(value.toLocaleString(undefined, {minimumFractionDigits:2, maximumFractionDigits:2})); }); }); }; })(jQuery); $(document).ready(function() { $('input.currency').currencyInput(); }); 

 .currency { padding-left:12px; } .currency-symbol { position:absolute; padding: 2px 5px; } 

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <input type="text" class="currency" min="0.01" max="2500.00" value="1125.00" />