2017-09-28 71 views
-1

我有這樣添加逗號到文本字段中顯示值

文本字段中的數據從數據庫中把文本框

enter image description here

,現在我想添加逗號到它的每一個3位數字,我想用jQuery解決它,是有可能

+1

的可能的複製[如何打印帶有逗號作爲在JavaScript千位分隔符的數(https://stackoverflow.com/questions/2901102/how-to-print-一個數與 - 逗號-AS-數以千計的隔膜式的JavaScript) – dave

回答

5

解決方法1:你可以簡單地使用Number.toLocaleString()

var number = 1557564534; 
 
document.body.innerHTML = number.toLocaleString();

解決方案2:你可以使用正則表達式來一個進行簡單的jQuery插件

$.fn.digits = function() { 
 
    return this.each(function() { 
 
    $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); 
 
    }) 
 
} 
 

 
$("span").digits();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="numbers">3456754323456432</span>

0

你可以輸入解析成float和使用number.toLocalString() ;

var data = $("#getInfo"); 
 
var dataParse = parseFloat(data.val()); 
 

 
dataParse = dataParse.toLocaleString(); 
 

 
$("#getInfoNew").val(dataParse);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
BEFORE<input type="text" id="getInfo" value="14000000,0"><br> 
 
AFTER<input type="text" id="getInfoNew" value="">

1

這裏是的jsfiddle爲您在鍵入時做內聯格式。 https://jsfiddle.net/wm61qzsm/

JS代碼:

$('input.number').keyup(function(event) { 

    // skip for arrow keys 
    if(event.which >= 37 && event.which <= 40) return; 

    // format number 
    $(this).val(function(index, value) { 
    return value 
    .replace(/\D/g, "") 
    .replace(/\B(?=(\d{3})+(?!\d))/g, ",") 
    ; 
    }); 
}); 
相關問題