input里填入数字后如何给数字自动添加小数点后两位

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input里填入数字后如何给数字自动添加小数点后两位相关的知识,希望对你有一定的参考价值。

例如我写入3,然后怎么才能让他自动变成3.00 这样的显示

参考技术A 用onblur光标移开事件,onblur ="Money()"
function Money()

var test="3";
if (test.indexOf(".")< 0)
test=test+".00";
追问

这样写会不会使我写入5.5的时候再加上.00?

追答

if (test.indexOf(".")< 0)这句话就是判断你本身的数据含不含有小数点,如果含有就不执行if语句里的

本回答被提问者采纳
参考技术B //制保留2位小数,如:2,会在2后面补上00.即2.00
function toDecimal2(x)
var f = parseFloat(x);
if (isNaN(f))
return "请输入金额";

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;

Vue 限制input输入 限数字 或 小数点后两位number

Vue 限制input输入 小数点后两位number

参见前辈整理的: https://blog.csdn.net/u013243347/article/details/81181058

 

Vue 限制input输入数字 不可小数点

<input type="number" placeholder="请输入" v-number-only v-model="SaleQty" v-on:click.stop.prevent>

 

directives: {
        // v-number-only
        numberOnly: {
            bind: function(el) {
                el.handler = function() {
                    el.value = el.value.replace(/D+/, ‘‘)
                }
                el.addEventListener(input, el.handler)
            },
            unbind: function(el) {
                el.removeEventListener(input, el.handler)
            }
        }
    },

 

以上是关于input里填入数字后如何给数字自动添加小数点后两位的主要内容,如果未能解决你的问题,请参考以下文章

怎样在Navicat表格里填入null

python+appium模拟手机物理按键操作

控制input标签中只能输入数字以及小数点后两位

Vue 限制input输入 限数字 或 小数点后两位number

jquery输入数字自动补全小数点效果

Excel中输入数字.如果小数点后两位为零就自动不显示,如何让他显示小数点后两位,哪怕是零?