输入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位小数

回答

相关问题