国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > input输入框只允许中文汉字、数字、整数等

input输入框只允许中文汉字、数字、整数等

来源:程序员人生   发布时间:2013-12-30 21:23:25 阅读次数:2461次

使用JS限制input输入框只允许中文汉字、数字、整数等效果,多款代码,希望对各位有所帮助,多多关注网。

其一,只允许输入数字和小数点。
<input onKeypress="return (/[d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来

<script>
function check(){
if (isNaN(tt.value))
{alert("非法字符!");
tt.value="";}
}
</script>
<input type="text" name="tt" onkeyup="check();">

其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

<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>
结语,其实

style="ime-mode:Disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

只允许输入数字
<input name="username" type="text" onkeyup="value=this.value.replace(/D+/g,'')">

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name="userna其一,只允许输入数字和小数点。
<input onKeypress="return (/[d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来

<script>
function check(){
if (isNaN(tt.value))
{alert("非法字符!");
tt.value="";}
}
</script>
<input type="text" name="tt" onkeyup="check();">

其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。

<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>
结语,其实

style="ime-mode:Disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

只允许输入数字
<input name="username" type="text" onkeyup="value=this.value.replace(/D+/g,'')">

只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name="username" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^w./]/ig,'')">

只允许输入英文字母、数字和&=@
<input name="username" type="text" onkeyup="value=value.replace(/[^w=@&]|_/ig,'')">

只允许输入汉字
<input name="username" type="text" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')">
me" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^w./]/ig,'')">

只允许输入英文字母、数字和&=@
<input name="username" type="text" onkeyup="value=value.replace(/[^w=@&]|_/ig,'')">

只允许输入汉字
<input name="username" type="text" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')">

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生