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 本页面传值实现代码
May 17 Javascript
用jquery和json从后台获得数据集的代码
Nov 07 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
最新最热最实用的15个jQuery插件汇总
Jul 05 Javascript
跟我学习javascript的执行上下文
Nov 18 Javascript
浅析jquery与checkbox的checked属性的问题
Apr 27 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
javascript实现抢购倒计时程序
Aug 26 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 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字符串分割函数用法实例
2015/03/17 PHP
PHP微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
Js 中debug方式
2010/02/07 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
JS常用函数使用指南
2014/11/23 Javascript
jQuery表单美化插件jqTransform使用详解
2015/04/12 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
vue实现弹幕功能
2019/10/25 Javascript
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
python重试装饰器示例
2014/02/11 Python
PyTorch CNN实战之MNIST手写数字识别示例
2018/05/29 Python
python3.6、opencv安装环境搭建过程(图文教程)
2019/11/05 Python
Django 请求Request的具体使用方法
2019/11/11 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
Python实现的北京积分落户数据分析示例
2020/03/27 Python
Python hashlib模块的使用示例
2020/10/09 Python
html5使用canvas压缩图片的示例代码
2018/09/11 HTML / CSS
英国汽车零件购物网站:GSF Car Parts
2019/05/23 全球购物
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
合作经营协议书范本
2014/09/16 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
公司回复函格式
2015/07/14 职场文书
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript
Python中如何处理常见报错
2022/01/18 Python
解析python中的jsonpath 提取器
2022/01/18 Python