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 相关文章推荐
Javascript 陷阱 window全局对象
Nov 26 Javascript
javascript 写类方式之四
Jul 05 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
js Canvas绘制圆形时钟效果
Feb 17 Javascript
Vue3.0结合bootstrap创建多页面应用
May 28 Javascript
vue resource发送请求的几种方式
Sep 30 Javascript
javascript设计模式之装饰者模式
Jan 30 Javascript
js String.prototype.trim字符去前后空格的扩展
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脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
Symfony的安装和配置方法
2016/03/17 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
php实现微信扫码支付
2017/03/26 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
浅谈laravel框架sql中groupBy之后排序的问题
2019/10/17 PHP
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
再论Javascript的类继承
2011/03/05 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
js 触发select onchange事件代码
2014/03/20 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
python生成随机mac地址的方法
2015/03/16 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python实现按当前日期(年、月、日)创建多级目录的方法
2018/04/26 Python
基于python cut和qcut的用法及区别详解
2019/11/22 Python
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
文员个人求职自荐信
2013/09/21 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
市级绿色学校申报材料
2014/08/25 职场文书