javascript 限制只允许输入数字的几种方法

发布时间:2020-03-24编辑:脚本学堂
本文介绍下,用javascript限制只允许输入数字的几种方法,包括只能输入数字和小数点,只能输入整数等,有需要的朋友,不妨参考下哦。

详细方法,参考如下。

1,只允许输入数字和小数点。
 

<input onKeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:disabled">

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,是输入以后又替换,当直接按回车时,会有意想不到的结果。

附,个人工作中常用的js限制数字输入的代码。
 

复制代码 代码示例:
<script language="javascript">
function IsDigit()
//限制在文本框只允许输入数字
//www.jb200.com
{
 return (((event.keyCode >= 48) && (event.keyCode <= 57))||event.keyCode == 46);
}
</script>
<ONKEYPRESS="event.returnValue=IsDigit();" style="ime-mode:Disabled"/>