深圳网站建设-深圳做网站

JS限制textarea内输入字符数量的方法

来源:深圳网站建设 发布时间:10/15/2015 11:36:09 PM 浏览次数:

这篇文章主要介绍了JS限制textarea内输入字符数量的方法,涉及JavaScript响应鼠标及键盘事件处理textarea输入框字符的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下深圳建站工作室提供的方法。

这里演示JS限制一个textarea多行文本框内的字符不能超过255,多余则截取。

代码如下:

<script> 
functiongetStringUTFLength(str) { 
 varvalue = str.replace(/[\u4e00-\u9fa5]/g," ");
 //将汉字替换为两个空格
 returnvalue.length; 
functionleftUTFString(str,len) { 
 if(getStringUTFLength(str)<=len) { 
  returnstr; 
 }
 varvalue = str.substring(0,len); 
 while(getStringUTFLength(value)>len) { 
  value = value.substring(0,value.length-1); 
 } 
 returnvalue; 
functioncount() { 
 varlen=255;
 varvalue = document.getElementById("licenseother").value; 
 if(getStringUTFLength(value)>=len) {  
  document.getElementById("licenseother").value = leftUTFString(document.getElementById("licenseother").value,len); 
 } 
 document.getElementById("result").value = len-getStringUTFLength(document.getElementById("licenseother").value); 
</script> 
<table width="100%"> 
 <tr>
  <td> 
   <textarea cols=100 rows=4 id="licenseother"onkeypress="count()"onkeyup="count()"onblur="count();"onChange="count();"></textarea> 
  </td>
 </tr> 
 <tr>
  <td> 
   本输入框限制输入255个字符(汉字计算为2个字符)  剩余字符数:
   <input readonly type="text"size="3"id="result"value="255"> 
  </td>
 </tr> 
</table>