js限制文本框只能输入数字(正则表达式)


Posted in Javascript onJuly 15, 2012

好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。

function chkPrice(obj){ 
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("$#$","."); 
} 
function chkLast(obj){ 
// 如果出现非法字符就截取掉 
if(obj.value.substr((obj.value.length - 1), 1) == '.') 
obj.value = obj.value.substr(0,(obj.value.length - 1)); 
}

下面是需要调用的文本框:
<input type="text" name="txtFee" id="txtFee" class="common" onkeyup="chkPrice(this);" onblur="chkLast(this)" onpaste="javascript: return false;"/>

最后这个:onpaste="javascript: return false;" 的目的是禁用鼠标右键的“粘贴”菜单,可以防止鼠标右键或者Ctrl + V粘贴不合法的数据,嘿嘿。

上面这段JS我只在IE8环境测试过,如果各位看官有什么想法或者疑问,请留言。

Javascript 相关文章推荐
在javascript中关于节点内容加强
Apr 11 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
vue项目中用cdn优化的方法
Jan 03 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
Vue中JS动画与Velocity.js的结合使用
Feb 13 Javascript
vue+element ui实现锚点定位
Jun 29 Vue.js
基于jquery的图片幻灯展示源码
Jul 15 #Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 #Javascript
EasyUI 中 MenuButton 的使用方法
Jul 14 #Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 #Javascript
jQuery Tools tab(幻灯片)
Jul 14 #Javascript
jQuery Tools tab使用介绍
Jul 14 #Javascript
jQuery Tools Dateinput使用介绍
Jul 14 #Javascript
You might like
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
Node.js测试中的Mock文件系统详解
2016/11/21 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
详解使用Node.js 将txt文件转为Excel文件
2017/07/05 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
关于Angularjs中跨域设置白名单问题
2018/04/17 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
2020/06/05 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
[02:42]完美大师赛主赛事淘汰赛第三日观众采访
2017/11/25 DOTA
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
internal修饰符起什么作用
2013/12/16 面试题
nohup的用法
2012/11/26 面试题
办公室驾驶员岗位职责
2013/11/15 职场文书
开业庆典策划方案
2014/02/18 职场文书
珠宝店促销方案
2014/03/21 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python