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 遍历json数组的实现代码
Sep 22 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
jquery事件preventDefault()方法用法实例
Jan 16 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
简单了解JavaScript arguement原理及作用
May 28 Javascript
JavaScript实现京东快递单号查询
Nov 30 Javascript
vue实现在data里引入相对路径
Jun 05 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制作静态网站的模板框架(一)
2006/10/09 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
Javascript延迟执行实现方法(setTimeout)
2010/12/30 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
js中AppendChild与insertBefore的用法详细解析
2013/12/16 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
jQuery实现的网页换肤效果示例
2016/09/20 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
2018/07/07 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
2018/12/04 jQuery
js尾调用优化的实现
2019/05/23 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
vue组件内部引入外部js文件的方法
2020/01/18 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
Python中Unittest框架的具体使用
2019/08/27 Python
keras模型保存为tensorflow的二进制模型方式
2020/05/25 Python
Python3.9新特性详解
2020/10/10 Python
Python 无限级分类树状结构生成算法的实现
2021/01/21 Python
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
副总经理工作职责
2013/11/28 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
工作证明格式及范本
2014/09/12 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python
用Python将GIF动图分解成多张静态图片
2021/06/11 Python