在小数点Javascript之前和之后追加值

Question

我在表单上有数字字段，用户可以偶尔键入带小数位的十进制值，但一侧没有值。 即输入的预期值可以是5或5.00但有时用户可以键入.5 OR 5.所以在这种情况下，如果他们在小数位之前省略了值，我想添加/附加0.5或者值如果他们遗漏了小数位后的值，我想用5.00添加/追加

.5 => 0.5
5. => 5.00

理想情况下，输入值将在Blur上更新，或者当用户单击/标签远离该字段或页面上的任何其他位置时。 我对此的快速尝试目前如下（未经测试）

$('input').on('blur', function () {

  var currentValue = $(this).val();

  var splitNumber = currentValue.split('.');
  var beforeDecimal = splitNumber[0];
  var afterDecimal = splitNumber[1];

  if (beforeDecimal.length < 1)
  {
    //add one zero before decimal
  }

  if (afterDecimal.length < 1)
  {
    //add two zeros after decimal
  }

});

Answer 1

相反，您可以使用parseFloat和toFixed的组合

parseFloat('.5') --> 0.5
parseFloat('5.') --> 5

 $('input').on('blur', function() { let value = this.value; if(!isNaN(value)) { let parsedValue = parseFloat(value); $('.output').text(parsedValue.toFixed(2)); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <input type="text" /> <span>Output: </span> <span class="output"> </span> 

Answer 2

以下示例可以帮助您：

  var myNum1 = .5; var myNum2 = 5.; function pad(num){ return num.toFixed(2); } console.log(pad(myNum1)); console.log(pad(myNum2));