控制html:text 只能输入数字

时间:2022-11-05 12:15:59

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是输入以后又替换,这样输入者有机会按回车,会有意想不到的结果