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 相关文章推荐
chrome下img加载对height()的影响示例探讨
May 26 Javascript
javascript中加号(+)操作符的一些神奇作用
Jun 06 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
jQuery源码分析之Callbacks详解
Mar 13 Javascript
javascript表格的渲染组件
Jul 03 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
图文详解Javascript中的上下文和作用域
Feb 15 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
从零开始搭建一个react项目开发
Feb 09 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
微信小程序封装分享与分销功能过程解析
Aug 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模板引擎SMARTY
2006/10/09 PHP
十天学会php之第二天
2006/10/09 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
php教程之phpize使用方法
2014/02/12 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
用JQuery调用Session的实现代码
2010/10/29 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
[02:12]Dota 2 推出全新英雄—— 电炎绝手
2019/08/23 DOTA
python对日志进行处理的实例代码
2018/10/06 Python
Python使用线程来接收串口数据的示例
2019/07/02 Python
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
小米官方旗舰店:Xiaomi
2020/08/07 全球购物
博士生导师推荐信
2014/07/08 职场文书
不尊敬老师检讨书范文
2014/11/19 职场文书
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL