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 相关文章推荐
如何将一个String和多个String值进行比较思路分析
Apr 22 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
May 02 Javascript
layui table 列宽百分比显示的实现方法
Sep 28 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
vue 扩展现有组件的操作
Aug 14 Javascript
用javascript实现倒计时效果
Feb 09 Javascript
详细谈谈JavaScript中循环之间的差异
Aug 23 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目录管理函数小结
2008/09/10 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
Javascript 文件夹选择框的两种解决方案
2009/07/01 Javascript
javascript sudoku 数独智力游戏生成代码
2010/03/27 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
AngularJS 入门教程之事件处理器详解
2016/08/19 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
JavaScript中Hoisting详解 (变量提升与函数声明提升)
2017/08/18 Javascript
Vue.js组件通信的几种姿势
2017/10/23 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
[14:19]2018年度COSER大赛-完美盛典
2018/12/16 DOTA
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
PyCharm设置SSH远程调试的方法
2018/07/17 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
优秀学生干部个人的自我评价
2013/10/04 职场文书
会计专业自我鉴定范文
2013/10/06 职场文书
房产转让协议书
2014/04/11 职场文书
干部考核评语
2014/04/29 职场文书
十月围城观后感
2015/06/08 职场文书
新闻通讯稿范文
2015/07/22 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技