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


Posted in Javascript onMay 27, 2016

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>

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

Javascript 相关文章推荐
javascript 动态添加表格行
Jun 22 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
用js的for循环获取radio选中的值
Oct 21 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
May 11 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
Angular2数据绑定详解
Apr 18 Javascript
vue2中filter()的实现代码
Jul 09 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
小程序实现选择题选择效果
Nov 04 Javascript
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 #Javascript
基于JavaScript FileReader上传图片显示本地链接
May 27 #Javascript
Dojo获取下拉框的文本和值实例代码
May 27 #Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 #Javascript
js基于cookie方式记住返回页面用法示例
May 27 #Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 #Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 #Javascript
You might like
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
js获取内联样式的方法
2015/01/27 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
JavaScript检查子字符串是否在字符串中的方法
2016/02/03 Javascript
详解angular中通过$location获取路径(参数)的写法
2017/03/21 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
2019/11/11 jQuery
[04:46]2018年度玩家喜爱的电竞媒体-完美盛典
2018/12/16 DOTA
[59:53]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第二场 3月6日
2021/03/11 DOTA
使用Python的内建模块collections的教程
2015/04/28 Python
Python模拟用户登录验证
2017/09/11 Python
Python实现的栈(Stack)
2018/01/26 Python
Python装饰器用法实例总结
2018/02/07 Python
Python爬取成语接龙类网站
2018/10/19 Python
python检测IP地址变化并触发事件
2018/12/26 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
《傅雷家书》教学反思
2014/04/20 职场文书
健康家庭事迹材料
2014/05/02 职场文书
记账会计岗位职责
2014/06/16 职场文书
本科生自荐信
2014/06/18 职场文书
2015年体育教学工作总结
2015/05/20 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
全网非常详细的pytest配置文件
2022/07/15 Python