这篇文章主要介绍了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>
|