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);" />
作者最新文章