在頁面加載時用逗號格式化的數字型號

Question

我想將所有輸入類型的數字格式化爲逗號分隔值，我找到了通過網絡進行轉換的代碼，但它不是以我想要的方式工作，它應該將所有輸入數字轉換成特定的格式。

我也嘗試過，做類型文本，但它仍然不會工作。

$(document).ready(function() { 
 
    $(".number").each(function() { 
 
    var _val = $(this).val(); 
 
    $(this).val(_val.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input name="locationError" class="number" type="text" value="1221312321" readonly/> 
 
<input name="locationError" type="text" value="1221312321" class="number" readonly/>

這是不同的，因爲我希望它在文檔上載

Answer 1

變化type="number"到type="text"或HTML中TYPE = 「貨幣」。

另外請記住，要將jquery選擇器更改爲$("input[type='text']")或$("input[type='currency']")，以便在您的特定片段場景中工作！

$(document).ready(function() { 
 
    $("input[type='text']").each(function() { 
 
    var x = $(this).val(); 
 
    alert(x); 
 
    $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="locationError" type="text" value="1221312321" /> 
 
<input name="locationError" type="text" value="1221312321" />