限制html表单文本域输入字数

2016-05-19 09:40:57 限制html表单文本域输入字数方法

限制html表单文本域输入字数方法如下:

方法一:onpropertychange实现超出字符之后就不能再输入了

  1. <textarea id="a" onpropertychange="if(this.value.length>10){this.value=this.value.slice(0,10)}"> 

方法二:JS实现超出字符后将会弹出提示

  1. <script language="javascript" type="text/javascript"> 
  2. function chkmaxsms(vobj1,vmax) {  
  3. var str=vobj1.value;  
  4. var strstrlen=str.length;  
  5.  
  6. if(strlen>vmax) {  
  7. alert('字数超过限制');  
  8. eval(vobj1.value=str.substr(0,vmax));  
  9. }  
  10. }  
  11. </script> 
  12. <textarea name="textfield" onkeyup="javascript:chkmaxsms(this,'10')"> 


 

更新