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 相关文章推荐
超级强大的表单验证
Jun 26 Javascript
禁止你的左键复制实用技巧
Jan 04 Javascript
js 处理数组重复元素示例代码
Dec 27 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
详解使用nvm管理多版本node的方法
Aug 30 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
Vue性能优化的方法
Jul 30 Javascript
如何基于viewport vm适配移动端页面
Nov 13 Javascript
基于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获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
JQuery EasyUI 对话框的使用方法
2010/10/24 Javascript
iframe如何动态创建及释放其所占内存
2014/09/03 Javascript
angularJS 中input示例分享
2015/02/09 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
bootstrap daterangepicker汉化以及扩展功能
2017/06/15 Javascript
JS实现的简单表单验证功能完整实例
2017/10/14 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
150行Node.js实现的dns代理工具
2019/08/02 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
django 外键创建注意事项说明
2020/05/20 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
Ever New美国:澳大利亚领先的女装时尚品牌
2019/11/28 全球购物
ECHT官方网站:男女健身服
2020/02/14 全球购物
大一新生军训时的自我评价分享
2013/12/05 职场文书
机电一体化求职信
2014/03/10 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
老龙头导游词
2015/02/11 职场文书
清明节随笔
2015/08/15 职场文书
公务员岗前培训心得体会
2016/01/08 职场文书
导游词之金鞭溪风景区
2019/09/12 职场文书