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


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 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
Oct 09 Javascript
如何在MVC应用程序中使用Jquery
Nov 17 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
Jul 21 Javascript
JavaScript实现区块链
Mar 14 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
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
php下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
php数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
非常好用的两个PHP函数 serialize()和unserialize()
2012/02/04 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
PHP中in_array的隐式转换的解决方法
2018/03/06 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
Javascript base64编码实现代码
2011/12/02 Javascript
简单实用jquery版三级联动select示例
2013/07/04 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
2017/05/11 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
Python语法分析之字符串格式化
2019/06/13 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
python区分不同数据类型的方法
2019/10/14 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
Jupyter加载文件的实现方法
2020/04/14 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
J2EE是技术还是平台还是框架
2016/08/14 面试题
元旦文艺汇演主持词
2014/03/26 职场文书
商业门面租房协议书
2014/11/25 职场文书
技术支持岗位职责
2015/02/13 职场文书
2015年妇女工作总结
2015/05/14 职场文书
公司联欢会主持词
2015/07/04 职场文书
工作报告范文
2019/06/20 职场文书
Golang Web 框架Iris安装部署
2022/08/14 Python