下面小编就为大家带来一篇对于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代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持爱安网。

    无相关信息
最新资讯
特斯拉已在60个Electrify America充电站

特斯拉已在60个Electr

据国外媒体报道,电动汽车制造商特斯拉已在约60个Electr
nVIDIA收购案会给业界带来些什么?

nVIDIA收购案会给业界

日前,nVIDIA收购ARM终于传出确定消息。关于nVIDIA收购
3DS游戏机停产了 任天堂要把更多经营资源留给Switch

3DS游戏机停产了 任天

近日,任天堂在其官方网站上发布消息称,旗下3DS系列游戏
新晋“巨无霸”来了,LG化学欲将电池业务分拆独立

新晋“巨无霸”来了,LG

LG化学表示,其电池业务今年预计实现13万亿韩元收入,拆分
波音737 MAX空难报告发布 揭美航空监管存严重问题

波音737 MAX空难报告

美国国会众议院发布了关于波音737 MAX系列飞机两起空
京东健康聘请美银和瑞银安排10亿美元香港IPO

京东健康聘请美银和瑞

据知情人士透露,京东健康已经为赴港上市计划聘请了银行
最新文章
详解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支持,