控制html:text 只能输入数字

最新推荐文章于 2024-07-03 11:46:28 发布

转载最新推荐文章于 2024-07-03 11:46:28 发布 · 942 阅读

文章标签：

#Html #javaweb #代码

html技术专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Struts框架中使用HTML:text组件限制用户只能输入数字。通过JavaScript实现onkeyup和onkeypress事件处理，确保输入框内只接受数字字符。此外，还提供了一些额外的验证技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

struts 中的 html:text 中实现类似inpu 只能输入数字的操作请看以下代码：

IE/ Firefox 都适用

// 截取输入文本框中的值，只有是数字键才保留下来

onkeyup="value=value.replace(/[^\d]/g,'') "

// 直接控制只有数字可以输入
onkeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"

具体如：

HTML代码
<html:text property="age" style="width:98%"
onkeyup="value=value.replace(/[^\d]/g,'') " />

或：

HTML代码

<html:text property="age" style="width:98%" onkeypress="return (/[\d.].test(String.fromCharCode(event.keyCode)))"/>

一般情况下，直接控制输入就好了。

~~~~~追记~~~~~

2，判断的更详细一些，甚至22..2这样不算数字也判断得出来
<script>
function check(){
if (isNaN(tt.value))
{alert("非法字符！");
tt.value="";}
}
</script>
<input type="text" name="tt" onkeyup="check();">

3，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。
<script language=javascript>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
event.returnValue=false;
}
</script><input onkeydown="onlyNum();" style="ime-mode:Disabled>

4，只能是数字<input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

结语,其实style="ime-mode:Disabled这句是比较实用的。意为关闭输入法。效果最好的是3，可以直接禁止输入，4是输入以后又替换，这样输入者有机会按回车，会有意想不到的结果