下面小编就为大家带来一篇对于input 框限定输入值为浮点型的js代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在一些项目中,比如金额用到浮点型,对于input  限定可以参考以下

<input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)">

<script>
  function only_num(obj){
    //得到第一个字符是否为负号
    var num = 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(num == '-'){
      obj.value = '-'+obj.value;
    }
  }
</script>

以上这篇对于input 框限定输入值为浮点型的js代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱安网。

    无相关信息
最新资讯
试管婴儿:有出生缺陷可能更易患癌

试管婴儿:有出生缺陷可

有研究指出,在有出生缺陷的孩子中,那些通过IVF受孕的孩
清空U盘,手机一键格式化,数据就被彻底删除了吗?

清空U盘,手机一键格式

在今天办公一族随身携带的小零碎里,U盘肯定是最容易 “
嫦娥五号将择机着陆月球!

嫦娥五号将择机着陆月

11月30日,探月工程嫦娥五号任务飞行控制团队按计划实施
台湾环球晶圆将收购德国圆晶制造商Siltronic  开价45亿美元

台湾环球晶圆将收购德

据报道,德国圆晶制造商Siltronic发表声明称,它正在与台
阿里腾讯洽谈收购暂缓,爱奇艺不是想买就能卖的

阿里腾讯洽谈收购暂缓

腾讯阿里虽然目前可能暂时放弃受让百度的爱奇艺股权,但
雷军撕不掉小米标签

雷军撕不掉小米标签

2020年,小米迈入了成立的第十个年头,也是它要面临改变的
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,