jquery将input type=number 值保留两位小数(四舍五入)

背景： 

    from表单填写商品价格时，需要写成两位小数类型，如 2.00 元；

实现：

   //form表单

 <div class="form-line"><lable><i>*</i>价格：</lable><input type="number" class="number" name="price" min="0.01" step="0.01"><div class="error-msg"></div></div>

//jquery

    $(".number").change(function () {var val = $(this).val();$(this).val(toDecimal2(val));});function toDecimal2(x) {var f = parseFloat(x);if (isNaN(f)) {return false;}var f = Math.round(x*100)/100;var s = f.toString();var rs = s.indexOf('.');if (rs < 0) {rs = s.length;s += '.';}while (s.length <= rs + 2) {s += '0';}return s;}

即可实现；

扩展：

   实现保留一位小数，可根据以上代码做微调整；

实现：

  //form表单

<div class="form-line"><lable><i>*</i>版本：</lable><input type="number" class="version" name="version" min="0.1" step="0.1"><div class="error-msg"></div>
</div>

//jquery

 $(".version").change(function () {var val = $(this).val();$(this).val(toDecimal1(val));});function toDecimal1(x) {var f = parseFloat(x);if (isNaN(f)) {return false;}var f = Math.round(x*10)/10;var s = f.toString();var rs = s.indexOf('.');if (rs < 0) {rs = s.length;s += '.';}while (s.length <= rs + 1) {s += '0';}return s;}

完成。