限制textarea内的字符数量

本文介绍了一种方法,用于限制文本区域内的字符数量不超过255,并在超过时进行截取。通过JavaScript函数实现,确保汉字计算为两个字符。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

限制一个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> 


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值