輸入HTML/Javascript時格式輸入爲2位小數

-1

如何爲貨幣創建輸入字段？我在尋找它的工作方式如下：

初始： 0.00
鍵入「1」：0.01
輸入「2」：0.12
輸入「5」：1.25
輸入HTML/Javascript時格式輸入爲2位小數

我在網頁設計方面很新，所以我正在尋找一個更簡單的解決方案。我看到一個類似的問題&用Angular解決方案回答這個問題，但我不確定如何將其實現到我的HTML項目中。我有一個包含HTML文件的簡單文件夾。謝謝！

來源

2016-08-08 Josh D.

你必須先試一下。 –

我已經嘗試了角度解決方案，但我不確定如何實現它。我在iOS項目文本字段中實現了類似的功能，但是，我不確定邏輯是否相同 –

只是回答相同：http://stackoverflow.com/questions/38972448/force-input-number-decimal-地方 - 本地/ 38982343 – Mojtaba

這很難做到。缺乏努力（共享代碼努力）使我無法做到這一點。但複雜性使我分享它。也可能會爲許多其他人提供幫助。

Working Demo

document.getElementById("demo").onkeydown = function (e) { 
     //console.log(e.keyCode); 
     if (e.keyCode != 37 && e.keyCode != 39 && e.keyCode != 8 && e.keyCode != 46) 
      e.preventDefault(); 

     if (e.keyCode == 8 || e.keyCode == 46) { 
      //If already key down (backspaceOrDel=1) then no affect 
      if (backspaceOrDel == 1) 
       e.preventDefault(); 
      else 
       backspaceOrDel = 1; 
      return; 
     } 

     if (e.keyCode < 48 || (e.keyCode > 57 && e.keyCode <96) || e.keyCode > 105) 
      return; 
     try {     
      var val = this.value; 
      var val1 = 0; 
      if (val == 0) { 
       val1 = e.key/100; 
      } 
      else { 
       //very tricky. We needed val1=val*10+e.key but it does not 
       //work correctly with floats in javascript. 
       //Here you have to different than android in logic 
       var val1 = parseFloat(val) * 1000; 
       val1 += parseFloat(e.key); 
       val1 = val1/100; 
      } 
      val1 = val1.toFixed(2); 
      if (!isNaN(val1)) 
       this.value = val1; 
     } 
     catch (ex) { 
      alert("Invalid Amount"); 
     } 
    };

來源

2016-08-18 17:26:39 Sami

輸入HTML/Javascript時格式輸入爲2位小數

回答

相關問題