Bootstrap Coder
bootstrap一个美丽的前端框架,努力让他更完美。
如何在Html中输入框的限制,字数,数字英文等等

1.文本框只能输入数字代码(小数点也不能输入)  

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

2.只能输入数字,能输小数点.  

<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">  

3.数字和小数点方法二  

<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">  

 4.只能输入字母和汉字  

<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">  

 5.只能输入英文字母和数字,不能输入中文  

<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">  

6.只能输入数字和英文

<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">  

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:  

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">  

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:  

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">  

只能是数字和小数点和加减乘際  

  onkeypress="return event.keyCode>=4&&event.keyCode<=57"  

   

=====================================================================================================  

  

JS只能让输入框输入数字   

说明  

1 只能输入0到9和小数点  

2 只能粘贴数字  

3 不能拖动内容进来  

4 禁止使用输入法      

<html>  
<head>  
<meta http-equiv="content-Type" content="text/html;charset=gb2312">  
<title>js 只能输入数字和小数点</title>  
<script language="JavaScript" type="text/javascript">  
function clearNoNum(obj)  
{  
//先把非数字的都替换掉,除了数字和.  
obj.value = obj.value.replace(/[^\d.]/g,"");  
//必须保证第一个为数字而不是.  
obj.value = obj.value.replace(/^\./g,"");  
//保证只有出现一个.而没有多个.  
obj.value = obj.value.replace(/\.{2,}/g,".");  
//保证.只出现一次,而不能出现两次以上  
obj.value = obj.value.replace(".","$#{1}quot;).replace(/\./g,"").replace("$#{1}quot;,".");  
}  
</script>  
</head>  
<body>  
<!--把下面代码加到<body>与</body>之间-->  
只能输入数字和小数点的文本框:<input id="input1" onkeyup="clearNoNum(this)">  
</body>  
</html>  

    

<html>     
  <head>     
    <title>输入框只能输入数字</title>     
  </head>     
        
  <body>     
    <input type="text" name="num" id="num" onkeypress="return keypress(event)">     
    <script type="text/javascript">     
       function keypress(e){      
        ee = e ? e : window.event ? event : null;      
         var keyNum = event.keyCode;      
         var keyChar = String.fromCharCode(keyNum);      
         var regDig = /\d/g;      
         if(regDig.test(keyChar) || keyChar == ""){      
           return true;      
         }      
         var regDot = /\./g;      
         if (regDot.test(keyChar) && !regDot.test(document.getElementById("num").value)){      
           return true;      
         }      
         return false;      
       }      
    </script>     
  </body>     
</html>
<< 上一篇 php-redis中有序集合 zset的使用 简洁的Nginx Thinkphp配置文件 下一篇 >>
文章标签
随意 | Created At 2014 By William Clinton | Contact Me: 1619488373@qq.com | 蜀ICP备14002619号 |