JavaScript实现文本框仅允许输入整数或浮点数
作者:小括号时间:2026-10-28 13:49:17浏览:667
本文介绍如何使用JavaScript结合正则表达式限制HTML文本框的输入内容,确保用户只能输入整数或浮点数。通过onkeyup事件触发校验函数,自动过滤非法字符,提供完整的JS处理逻辑与HTML输入框示例代码。
JavaScript校验逻辑实现
实现该功能的JavaScript核心代码逻辑如下:
function CheckInputIntFloat(oInput)
{
if('' != oInput.value.replace(/\d{1,}\.{0,1}\d{0,}/,''))
{
oInput.value = oInput.value.match(/\d{1,}\.{0,1}\d{0,}/) == null ? '' :oInput.value.match(/\d{1,}\.{0,1}\d{0,}/);
}
}
HTML输入框绑定示例
对应的HTML输入框示例代码如下:
<input type="text" id="input1" name="input1" onkeyup="javascript:CheckInputIntFloat(this);" />
作者最新文章
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
