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控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
JavaScript中的Truthy和Falsy介绍
Jan 01 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
jQuery实现文档树效果
Feb 20 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
Mar 15 Javascript
JavaScript变量类型以及变量作用域详解
Aug 14 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
7个好用的JavaScript技巧分享(译)
May 07 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
JavaScript常用工具函数大全
May 06 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
使用 MySQL Date/Time 类型
2008/03/26 PHP
php通过字符串调用函数示例
2014/03/02 PHP
深入讲解PHP Session及如何保持其不过期的方法
2015/08/18 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
HTML上传控件取消选择
2013/03/06 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
bootstrap实现弹窗和拖动效果
2016/01/03 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
js判断是否是手机页面
2017/03/17 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
2017/09/25 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
配置eslint规范项目代码风格
2019/03/11 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
MySQL面试题目集锦
2016/04/14 面试题
出纳年终工作总结2014
2014/12/05 职场文书
十佳少年事迹材料
2014/12/25 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
节约用水广告语60条
2019/11/14 职场文书
JavaScript canvas实现流星特效
2021/05/20 Javascript
浅析MySQL如何实现事务隔离
2021/06/26 MySQL
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript