脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 文本框输入数字和小数点 整数和浮点数

限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

 更新时间：2016年05月27日 14:11:26   作者：扶强  
这篇文章主要介绍了限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数的实例代码，非常不错，也比较实用，需要的小伙伴一起看下吧

onlyNumber.html 测试代码:

<html>
<head>
<script language="JavaScript" >
function onlyNumber(obj){
//得到第一个字符是否为负号
var t = 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(t == '-'){
obj.value = '-'+obj.value;
}
}
</script>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数</title>
</head>
<body>
<hr/>
只能输入数字的文本框：<input onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="this.value=this.value.replace(/\D/g,'')"/>
<br/>
<hr/>
只能输入数字和小数点的文本框：<input onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"/>
<br/>
<hr/>
只能输入数字且只能有一个小数点的文本框（小数点不能在开头，可以在结尾，第一位允许添加负号即浮点数）：<input onkeyup="onlyNumber(this)" onblur="onlyNumber(this)" />
<hr/>
</body>
</html>

以上代码内容简单给大家介绍了限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数的知识，希望能够帮助到大家！

您可能感兴趣的文章:

相关文章

  • 微信小程序中实现埋点的方法示例详解

    微信小程序中实现埋点的方法示例详解

    在小程序中实现埋点的基本思路是利用生命周期函数和事件回调,插入数据上报代码,下面将介绍如何在小程序中实现埋点,并通过代码示例进行说明,感兴趣的朋友一起看看吧
    2024-04-04
  • JAVASCRIPT下判断IE与FF的比较简单的方式

    JAVASCRIPT下判断IE与FF的比较简单的方式

    在JAVASCRIPT当中可以通过取当前浏览器返回值来判断当前使用什么浏览器。
    2008-10-10
  • gulp教程_从入门到项目中快速上手使用方法

    gulp教程_从入门到项目中快速上手使用方法

    下面小编就为大家带来一篇gulp教程_从入门到项目中快速上手使用方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 微信中一些常用的js方法汇总

    微信中一些常用的js方法汇总

    本文给大家汇总了一下在我们日常开发微信项目的过程中，经常需要用到的一些js方法，都是些使用频率很高，而且非常简单的方法，这里推荐给大家。
    2015-03-03
  • JS仿Base.js实现的继承示例

    JS仿Base.js实现的继承示例

    这篇文章主要介绍了JS仿Base.js实现的继承,结合具体实例形式分析了javascript扩展操作及面向对象程序设计相关实现技巧,需要的朋友可以参考下
    2017-04-04
  • js中数组Array的一些常用方法总结

    js中数组Array的一些常用方法总结

    Array()是我们在js中常常写到的代码，今天就总结哈Array的对象具有哪些方法，感兴趣的朋友可以了解下
    2013-08-08
  • 微信小程序wxml不能使用Array.includes条件判断解决方法

    微信小程序wxml不能使用Array.includes条件判断解决方法

    这篇文章主要为大家介绍了微信小程序wxml不能使用Array.includes条件判断解决方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-11-11
  • JavaScript闭包的简单应用

    JavaScript闭包的简单应用

    这篇文章主要为大家详细介绍了JavaScript闭包的简单应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 红米手机抢购的js代码

    红米手机抢购的js代码

    这篇文章主要介绍了红米手机抢购时返回的js代码，制作红米抢购软件时可以用到，,需要的朋友可以参考下
    2014-03-03
  • javascript中数组中求最大值示例代码

    javascript中数组中求最大值示例代码

    数组如何求最大值，想必很多的朋友都不会吧，本文为大家介绍下javascript中数组是如何求最大值的，感兴趣的朋友不要错过
    2013-12-12

最新评论