JS控制文本框只能输入数字和小数点

JS 专栏收录该内容
49 篇文章 0 订阅
<input type="text" value=""  onkeyup="onlyNumber(this)" onblur="onlyNumber(this)"/>     
<script type="text/javascript">

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;
    }
}

</script>

演示地址: 点击

  • 5
    点赞
  • 3
    评论
  • 4
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值