JavaScript实现仅允许输入数字和小数点的文本框

作者:小括号时间:2026-10-23 14:11:45浏览:71

本文介绍如何使用JavaScript实现一个只能输入数字和小数点的文本框。通过onKeyUp和onBlur事件处理,确保用户无法输入非数字字符,且最后一个字符不能是小数点。代码包含运行、复制和保存功能,适用于需要严格数值输入的前端场景。

实现仅允许输入数字和小数点的文本框

在鼠标左右移动时触发相关逻辑。


确保输入的最后一个字符不能是小数点。


<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能输入数字和小数点</title>  </head> <body> <!--把下面代码加到<body>与</body>之间--> 只能输入数字和小数点的文本框:<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)"> 本站 </body> </html> 

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

作者最新文章