本文介绍如何使用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);" />