javascript - 强制数字输入有两位小数并且只有两位

Question

如何设置以下输入的格式以使价格强制保留两位小数并确保它只允许两位数？

因此，例如，如果值为“1”，它将自动更改为“1.00”，而“1.111”将更改为“1.11”。

我已经尝试过 step="0.01"，但这行不通。

JSFiddle:https://jsfiddle.net/eub68raq/ .

HTML:

<input data-number="Quantity must be a number" data-required="Unit price required" min="0" step="0.01" id="unitPrice" value="" type="number" name="unitPrice" placeholder="Unit Price"/>

JS 我试过:-

var number = $('input#unitPrice').val();
$('input#unitPrice').innerHTML = parseFloat(Math.round(number * 100) / 100).toFixed(2);

Answer 1

你可以像下面那样做:-

$(document).ready(function(){
  $('input#unitPrice').blur(function(){
    var num = parseFloat($(this).val());
    var cleanNum = num.toFixed(2);
    $(this).val(cleanNum);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input data-number="Quantity must be a number" data-required="Unit price required" min="0" step="0.01" id="unitPrice" value="" type="number" name="unitPrice" placeholder="Unit Price"/>