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 相关文章推荐
js DOM模型操作
Dec 28 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
jQuery实现dialog设置focus焦点的方法
Jun 10 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
JavaScript数据结构之链表的实现
Mar 19 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
Dec 03 Javascript
手写实现JS中的new
Nov 07 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
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
游戏人文件夹程序 ver 3.0
2006/07/14 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
JavaScript实现控制打开文件另存为对话框的方法
2015/04/17 Javascript
JS实现仿微博可关闭弹出层效果
2015/09/21 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
2016/10/28 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
2018/05/16 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
Python面向对象类继承和组合实例分析
2018/05/28 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
有750多个顶级品牌的瑞士时尚在线:ABOUT YOU
2017/01/04 全球购物
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
一名女生的自荐信
2013/12/08 职场文书
寒假家长评语大全
2014/04/16 职场文书
世界红十字日活动总结
2015/02/10 职场文书
给下属加薪申请报告
2015/05/15 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
详解MySQL中的pid与socket
2021/06/15 MySQL
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
关于PHP数组迭代器的使用方法实例
2021/11/17 PHP