js 只能输入数字和小数点的文本框改进版

更新时间：2009年04月15日 22:33:04 作者：

以前的版本不能输入退格键等功能。

1、鼠标左右移动的时候。
2、最后一个不能是小数点。

<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能输入数字和小数点</title> <script language="JavaScript" type="text/javascript"> //by ahuinan 2009-4-10     function clearNoNum(event,obj){         //响应鼠标事件，允许左右方向键移动         event = window.event||event;         if(event.keyCode == 37 | event.keyCode == 39){             return;         }         //先把非数字的都替换掉，除了数字和.         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 checkNum(obj){         //为了去除最后一个.         obj.value = obj.value.replace(/\.$/g,"");     }     </script> </head> <body>  只能输入数字和小数点的文本框：<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)"> <a href="https://www.jb51.net">脚本之家</a> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

浅谈ES6中箭头函数与普通函数的区别
箭头函数是ES6中一种新的函数的表达式，本文就来介绍一下ES6中箭头函数与普通函数的区别，非常具有实用价值，需要的朋友可以参考下
2023-05-05
在html页面上拖放移动标签
在html页面上拖放移动标签，需要的朋友可以参考下。
2010-01-01
单击浏览器右上角的X关闭窗口弹出提示的小例子
单击浏览器右上角的X关闭窗口弹出提示的小例子，需要的朋友可以参考一下
2013-06-06
JavaScript利用正则表达式来禁止键盘输入数字
本文主要介绍了JavaScript利用正则表达式来禁止键盘输入数字，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
TypeScript 中的 .d.ts 文件详解(加强类型支持提升开发效率)
.d.ts 文件在 TypeScript 开发中扮演着非常重要的角色,它们让我们能够享受到 TypeScript 强大的类型系统带来的优势,提高代码质量和开发效率,接下来,我们将深入探讨如何为 JavaScript 库和自定义模块创建 .d.ts 文件,以及一些最佳实践和注意事项,一起看看吧
2023-09-09
页面定时刷新(1秒刷新一次)
页面定时刷新的示例想必大家也见到不少，在本文将为大家介绍的是，如何实现1秒刷新一次，感兴趣的朋友可以了解下本文
2013-11-11
JavaScript新手必看之var在for循环中的坑
var这个关键字在JS当中是相当常用的，但同时配合到for循环的话会出现不符合预期的运行结果，所以本文就来为大家讲讲如何避免这种情况的出现
2023-05-05
javascript判断iphone/android手机横竖屏模式的函数
iphone能很好的使用onorientationchange事件，但是android的onresize事件即使不旋转也会触发多次
2011-12-12
微信小程序文章详情页跳转案例详解
这篇文章主要介绍了微信小程序文章详情页跳转案例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-07-07
JavaScript为事件句柄绑定监听函数实例详解
这篇文章主要介绍了JavaScript为事件句柄绑定监听函数的方法,结合实例详细分析了常见的事件句柄绑定监听函数的实现技巧,并实例讲解了跨浏览器的实现方法,需要的朋友可以参考下
2015-12-12