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

水深无声 2022-06-10 08:54 359阅读 0赞 
  1. <input type="text" value="" onkeyup="onlyNumber(this)" onblur="onlyNumber(this)"/>
  3. <script type="text/javascript">
  5. function onlyNumber(obj) { 
  6.     //得到第一个字符是否为负号
  7.     var t = obj.value.charAt(0);
  8.     //先把非数字的都替换掉，除了数字和. 
  9.     obj.value = obj.value.replace(/[^\d\.]/g, '');
  10.     //必须保证第一个为数字而不是. 
  11.     obj.value = obj.value.replace(/^\./g, '');
  12.     //保证只有出现一个.而没有多个. 
  13.     obj.value = obj.value.replace(/\.{2,}/g, '.');
  14.     //保证.只出现一次，而不能出现两次以上 
  15.     obj.value = obj.value.replace('.', '$#$').replace(/\./g, '').replace(
  16.             '$#$', '.');
  17.     //如果第一位是负号，则允许添加
  18.     if (t == '-') {
  19.         obj.value = '-' + obj.value;
  20.     }
  21. }
  23. </script>

演示地址: 点击

发表评论

表情：
评论列表 （有 0 条评论，359人围观）

还没有评论，来说两句吧...

相关阅读