首页 > 技术文章 > js限制输入框只能输入正数或浮点数

vicF 2018-11-16 17:52 原文

比较简单,记录下

<input type="text" onkeyup="onlyNumber(this);"/>

function onlyNumber(obj){
        //得到第一个字符是否为负号
        var t = obj.value.charAt(0);
        //先把非数字的都替换掉,除了数字和.
        obj.value = obj.value.replace(/[^\d\.]/g,'');
        //必须保证第一个为数字而不是.
        obj.value = obj.value.replace(/^\./g,'');
        //保证只有出现一个.而没有多个.
        obj.value = obj.value.replace(/\.{2,}/g,'.');
        //保证.只出现一次,而不能出现两次以上
        obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
        //如果第一位是负号,则允许添加
        if(t == '-'){
            obj.value = '-'+obj.value;
        }
    };

 

推荐阅读