使用jquery添加逗號來表達字段使用公式

Question

你好，目前有問題讓我的表單工作。我們的目標是在前三個字段中輸入值，同時在字段中顯示逗號。不過總的來說，NaN我認爲是由於逗號。任何幫助，將不勝感激。

\t $(document).ready(function(){ 
 
\t  $(".input").keyup(function(){ 
 
\t   var val1 = +$(".value1").val(); 
 
\t   var val2 = +$(".value2").val(); 
 
\t   var val3 = +$(".value3").val(); 
 
\t   $("#result").val(val1*val2*val3); 
 
\t }); 
 
\t }); 
 
\t $(document).on('keyup', '.comma', function() { 
 
\t  var x = $(this).val(); 
 
\t  $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")); 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<input type="text" class="input value1 comma" > 
 
<input type="text" class="input value2 comma"> 
 
<input type="text" class="input value3 comma"> 
 
<input type="text" class="comma" disabled="disabled" id="result">

Answer 1

一旦逗號是在你的文本框的值，代碼可以不再扮演他們作爲整數。一個簡單的解決辦法是在乘法時去掉所有的逗號。

嘗試刪除您val變量逗號用一個簡單的.replace()，就像這樣：

\t $(document).ready(function(){ 
 
\t  $(".input").keyup(function(){ 
 
\t   var val1 = +$(".value1").val().replace(/,/g,""); 
 
\t   var val2 = +$(".value2").val().replace(/,/g,""); 
 
\t   var val3 = +$(".value3").val().replace(/,/g,""); 
 
\t   $("#result").val(val1*val2*val3); 
 
\t }); 
 
\t }); 
 
\t $(document).on('keyup', '.comma', function() { 
 
\t  var x = $(this).val(); 
 
\t  $(this).val(x.toString().replace(/,/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")); 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<input type="text" class="input value1 comma" > 
 
<input type="text" class="input value2 comma"> 
 
<input type="text" class="input value3 comma"> 
 
<input type="text" class="comma" disabled="disabled" id="result">