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需再刷新一下页面才能执行]
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
