对于input框限定输入值为浮点型的js代码

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

创新互联主要从事成都网站建设、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务南召,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

<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代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。

当前文章:对于input框限定输入值为浮点型的js代码
标题网址:https://www.cdcxhl.com/article26/jcgccg.html

成都网站建设公司_创新互联,为您提供外贸网站建设商城网站定制网站外贸建站关键词优化电子商务

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名