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

前端技术 2023/09/08 JavaScript

本文实例讲述了JS简单限制textarea内输入字符数量的方法。分享给大家供大家参考。具体如下：

这里演示JS限制一个area内的字符不能超过255，多余则截取。

代码如下：

<script> 
function getStringUTFLength(str) { 
 var value = str.replace(/[\\u4e00-\\u9fa5]/g,\" \");
 //将汉字替换为两个空格
 return value.length; 
} 
function leftUTFString(str,len) { 
 if(getStringUTFLength(str)<=len) { 
  return str; 
 }
 var value = str.substring(0,len); 
 while(getStringUTFLength(value)>len) { 
  value = value.substring(0,value.length-1); 
 } 
 return value; 
} 
function count() { 
 var len=255;
 var value = 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>

希望本文所述对大家的JavaScript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/21887

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案