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 相关文章推荐
JQuery 简便实现页面元素数据验证功能
Mar 24 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
jquery实现从数组移除指定的值
Jun 24 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 Javascript
vue实现滚动鼠标滚轮切换页面
Dec 13 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
MYSQL数据库初学者使用指南
2006/11/16 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
浅谈PHP的排列组合(如输入a,b,c 输出他们的全部组合)
2017/03/14 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
jQuery 工具函数学习资料
2010/04/29 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
JavaScript数值类型知识汇总
2019/11/17 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
教你如何用python操作摄像头以及对视频流的处理
2020/10/12 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
HTML5实现签到 功能
2018/10/09 HTML / CSS
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
文秘大学生求职信
2014/02/25 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
精神病医院见习报告
2014/11/03 职场文书
商务考察邀请函模板
2015/02/02 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
写给老师的保证书
2015/05/09 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python