A-A+

js文本框只允许输入数字代码

2016年10月14日 前端设计 暂无评论 阅读 5 views 次

一般我们限制文本框只允许输入数字的方法用得最多的就是js与正则达式来限制了,下面我来给各位朋友介绍介绍。

在asp.net中我常用的写法是:

  1. <asp:TextBox ID="syear" onKeyUp="this.value=this.value.replace(/D/g,'')"   
  2.  onafterpaste="this.value=this.value.replace(/D/g,'')" runat="server" Width="69px"></asp:TextBox>  

我们会看到一下面这么一句,代码如下:

  1. onKeyUp="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"  

表单中只允许输入数字的方法,代码如下:

  1. <input onkeyup="value=value.replace(/D/g,'')">  

其实很简单与html中的js没有区别的,这种方法很好用,但是在Firefox不起作用,因为firefox下不识event该事件,当然,你可以参照第二个例子改一下也行,代码如下:

  1. <script type="text/javascript">  
  2. function noNumbers(e)  
  3. {  
  4. var keynum;  
  5. var keychar;  
  6. var numcheck;  
  7. if(window.event) // IE  
  8.   {  
  9.   keynum = e.keyCode;  
  10.   }  
  11. else if(e.which) // Netscape/Firefox/Opera  
  12.   {  
  13.   keynum = e.which;  
  14.   }  
  15. keychar = String.fromCharCode(keynum);  
  16. numcheck = /d/;  
  17. return !numcheck.test(keychar);  
  18. }  
  19. </script>  
  20.   
  21. <input type="text" onkeypress="return noNumbers(event)" />  
  22. </form>  

这个例子只允许输入字母,想改成只输入数字吗?很简单,把如下代码:

return !numcheck.test(keychar);改成:return numcheck.test(keychar);即可.

标签:

给我留言