js计算当前输入的个数，汉字算两个字符

functiongetStringLen(Str){vari,len,code;if(Str==null || Str == "")return0;len=Str.length;for(i=0;i<Str.length;i++){code=St

xb12369

8677人浏览 · 2014-03-19 11:39:36

xb12369 · 2014-03-19 11:39:36 发布

function  getStringLen(Str){   
		var   i,len,code;   
		if(Str==null || Str == "")   return   0;   
		len   =   Str.length;   
		for   (i   =   0;i   <   Str.length;i++)     
		{     
		code   =   Str.charCodeAt(i);   
		if   (code   >   255) {len ++;}   
		}   
		return   len;   
	}

//计算当前输入的个数，汉字算两个字符
	function checkLen(value,length){
		var len = getStringLen(value);
		//提示当前输入的个数
		$("#lblSummary"+length).html("当前最大长度为:<font color='red'>"+length+"</font>,还可以输入：<font color='red'>"+(length-len)+"</font>");
		if(len>length){
			flag = false;
		}else{
			flag = true;
		}
		
	}

<textarea class="codeInput" id="summary" title="最长150字符,75个汉字" name="summary" cols="80" rows="5" onkeyup="checkLen(this.value, 150)" wrap="virtual">${notice.summary}</textarea>
						<div id="lblSummary150"></div>

demo可以直接运行：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT language=JavaScript> 
function  getStringLen(Str){   
		var   i,len,code;   
		if(Str==null || Str == "")   return   0;   
		len   =   Str.length;   
		for   (i   =   0;i   <   Str.length;i++)     
		{     
		code   =   Str.charCodeAt(i);   
		if   (code   >   255) {len ++;}   
		}   
		return   len;   
	} 	
	
	function checkLen(value,length){
		var len = getStringLen(value);
		
		alert(len);
	}	
</SCRIPT>
</head>

<body onLoad="length()">
<span style="LINE-HEIGHT: 180%">
<textarea name="request" cols="45" rows="8" onKeyUp="checkLen(this.value, 500);">
</textarea>

</body>
</html>

HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

[鸿蒙2025领航者闯关] 智慧医疗跨端应用实践：从单端开发到分布式生态共建

HarmonyOS开发者社区

[鸿蒙2025领航者闯关] 鸿蒙 6.0 星盾安全架构 + AI 防窥：金融级支付安全实战与深度踩坑实录

《鸿蒙6.0金融级安全实战：星盾架构与AI防窥应用》摘要：本文分享了基于鸿蒙6.0开发金融支付应用"安心付"的安全实践，重点运用星盾安全架构（TEE安全输入、数据加密）和AI防窥功能，构建端到端安全防护体系。文章详细解析了关键代码实现，包括安全键盘、数据加密和智能防窥等核心功能，并提供了性能优化方案（将安全特性带来的性能损耗控制在3%以内）。同时总结了兼容性处理、用户权限感知等