JS bit char length

最新推荐文章于 2023-02-28 16:15:56 发布

spencer_tseng

最新推荐文章于 2023-02-28 16:15:56 发布

阅读量252

点赞数

分类专栏： js-flex

本文链接：https://blog.csdn.net/spencer_tseng/article/details/78355022

版权

js-flex 专栏收录该内容

95 篇文章 0 订阅

订阅专栏

http://www.cnblogs.com/scy251147/archive/2011/04/04/2005333.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	/*************************************************************************
	 * CodeBy:SCY  CodeDate:2011年3月11日 12:01:16  
	 * DESC：主要是用来判断当前输入的字节数，以便做到限制输入标题的长度功能
	 * http://www.cnblogs.com/scy251147/archive/2011/04/04/2005333.html
	 *
	 *
	 * http://127.0.0.1:8089/PrjJsp/csdn/js-bit-char-length.html
	 **************************************************************************/
	var matchWords;
	function notifyTextLength()
	{
		var inputNum = document.getElementById("txtTitle").value.replace(/[^\x00-\xff]/g, "**").length; //得到输入的字节数
		
		if (inputNum <= 200)
		{
			matchWords = document.getElementById("txtTitle").value.length;
			document.getElementById("inputedWord").innerHTML = inputNum + "字节," + matchWords + "字符";
			document.getElementById("inputtingWord").innerHTML = (200 - inputNum) + "字母," + (Math.round(((200 - inputNum) / 2) - 0.5)) + "汉字";
		}
		
		if (inputNum > 200)
		{
			document.getElementById("txtTitle").value = document.getElementById("txtTitle").value.substring(0, matchWords); //如果超过200字节，就截取到200字节
		}

	}
</script>
</head>
<body>
	<input id="txtTitle" type="text" class="inputText" οnchange="notifyTextLength();" /> 当前已经输入
	<span id="inputedWord" style="color: red"></span> 还可以输入
	<span id="inputtingWord" style="color: Red;"></span>
</body>
</html>