簡體   English   中英

輸入字段中的小數分隔符

[英]Decimal Separator within input field

我通過 Javascript 鍵向標准表單中的輸入字段添加了千位分隔符。 現在我的表單無法提交,因為值中的逗號“,”。

如何在提交表單時編輯我當前的代碼或添加新的 function 以刪除逗號。

Javascript 事件按鍵

<script>
    var cal2_txtLoan = document.getElementById('cal2_txtLoan');
    
    cal2_txtLoan.addEventListener('keyup', function() {
      var val = this.value;
      val = val.replace(/[^0-9\.]/g,'');
      
      if(val != "") {
        valArr = val.split('.');
        valArr[0] = (parseInt(valArr[0],10)).toLocaleString();
        val = valArr.join('.');
      }
      
      this.value = val;
    });
    
    </script>

形式

<form>
   <div class="row mt20">
      <div class="col-md-3 col-sm-12 col-xs-12">
      </div>
      <div>
         <input id="cal2_txtLoan" class="wpcf7-form-control wpcf7-text form-control investment-class-form"  type="text" placeholder="วงเงินกู้(บาท)">
      </div>
   </div>
   <div class="row mt20">
      <div class="col-md-6 col-sm-9 col-xs-9">
         <input id="cal2_txtTenor" class="wpcf7-form-control wpcf7-text form-control investment-class-form" type="number" placeholder="ระยะเวลากู้ 1-30 ปี">
      </div>
   </div>
   <div class="row mt20">
      <div class="col-md-6 col-sm-9 col-xs-9">
         <input id="cal2_txtInterestRate" class="wpcf7-form-control wpcf7-text form-control investment-class-form" type="number" placeholder="ดอกเบี้ย(%)">
      </div>
   </div>
   <div class="row mt20">
      <div class="col-md-offset-3 col-md-6 col-sm-offset-0 col-sm-9 col-xs-offset-0 col-xs-9">
         <div class="row">
            <div class="col-xs-6">
               <button type="button" id="cal2_btnCalculate" class="button investment-button">คำนวณ</button>
            </div>
         </div>
      </div>
   </div>
   <div class="row mt20">
      <div class="col-md-3 col-sm-12 col-xs-12">
         <label class="investment-list">สรุปยอดผ่อนต่อเดือน (บาท)</label> <input id="cal2_txtInstallment" class="wpcf7-form-control wpcf7-text form-control investment-class-form" disabled="disabled" type="text"> <span class="investment-list" style="color:red;">* ผลลัพธ์จากการคำนวณ เป็นเพียงผลการคำนวณเบื้องต้นเท่านั้น โปรดติดต่อธนาคารเพื่อคำนวณยอดที่ถูกต้องอีกครั้งหนึ่ง</span>
      </div>
   </div>
</form>

查看: 如何將語言環境字符串(貨幣)轉換回數字?

let num = parseFloat(yourString.replace(/[^0-9\.]/g,''));  

(您實際上在自己的代碼中有答案)

更新:這是一個例子。

 let myString = "1,250,856.5867"; function convertToFloat(string) { let num = parseFloat(string.replace(/[^0-9\.]/g,'')); return num; } /* Test the function in console */ console.log(convertToFloat(myString));

Output 將是:1250856.5867

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM