现在的位置: 网页制作教程网站制作教程 >正文
JS特效教程

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

发表于2014/9/13 网站制作教程 0条评论 ⁄ 热度 3,836℃

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

只允许输入数字和小数点

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

判断是否是数字

<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,'')">
<input name="username" type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> 
  • 暂无评论