input框限制只能输入金额（-.数字）

文本框输入数字限制

最新推荐文章于 2023-06-07 15:17:25 发布

原创最新推荐文章于 2023-06-07 15:17:25 发布 · 1.2w 阅读

10 ·

CC 4.0 BY-SA版权

前端技术提高专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的方法，该方法能够有效地限制文本框内的输入内容仅包含数字、小数点及负号，并确保格式正确无误。具体包括去除非法字符、规范小数点输入、处理正负号等。

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

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