input框限定输入值为浮点型代码分享

小云云
小云云 原创
2018-02-02 11:53:18 1081浏览

本文主要为大家带来一篇对于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>

相关推荐:

js获取input标签的输入值实现代码_javascript技巧

javascript限制文本框输入值类型的方法_javascript技巧

javascript - thinkphp中如何给a标签传递的参数为文本框的输入值?


以上就是input框限定输入值为浮点型代码分享的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。