`

统计字数的textarea

    博客分类:
  • js
阅读更多
文本域限制字数并且超多的字数自动替换成空:
<textarea cols='30' rows=2 onkeyup=checkTextArea(this,60) onkeydown =checkTextArea(this,60) style="overflow:hidden;"></textarea>
<p>
	还可以输入:<em id='limittip'>60</em>字
</p>

<script type="text/javascript">
	function checkTextArea(obj,maxWords){		
		var limit = maxWords;	
		var limittip = document.getElementById('limittip');
		var str = obj.value;	
		var len = str.length;
		var reallen = 0;
		for(i=0;i<len;i++){
			if(str.charCodeAt(i)>255){
				reallen += 2;
				if(reallen > limit){
					reallen -= 2; 
					obj.value = str.substr(0,i); 
					break;
					}
				}
				else{
					reallen++;
					if(reallen > limit){
						reallen--;
						obj.value = str.substr(0,i);
						break;
					}
				}
		}
		limittip.innerHTML = limit - reallen;	
	}
</script>

原文参考地址:http://www.decimage.com/web/js-for-textarea-count-bytes.html
分享到:
评论

相关推荐

    控制textarea文本长度,并限制输入字数(带统计显示)

    本文将深入探讨如何实现对`textarea`文本长度的控制,并实时显示输入字数的统计。 首先,我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言,可以在用户与网页交互时执行,提供动态...

    textarea剩余字数

    通过jQuery或其他JavaScript库,可以实现更多高级功能,如自动完成、字数统计、自动调整高度等。例如,使用jQuery插件`autosize`可以自动调整`textarea`的高度以适应内容: ```javascript $('textarea').autosize()...

    新浪微博字数统计 textarea字数统计实现代码

    ### 新浪微博字数统计实现方法详解 #### 一、引言 在互联网时代,文本输入已经成为用户与网站互动的主要方式之一。为了更好地管理和限制用户的输入长度,许多网站都采用了字数统计的功能。例如,新浪微博就对用户...

    效果超酷的textarea的输入字数限提示.rar

    为了解决这个问题,我们可以利用JavaScript来实现动态的字数统计和提示功能。 在JavaScript中,我们可以通过监听textarea的`input`事件来实时获取用户输入的变化。当用户在textarea中键入字符时,这个事件会被触发...

    JavaScript中统计Textarea字数并提示还能输入的字符

    &lt;title&gt;Textarea 字数统计 还可以输入&lt;span id="counter"&gt;140字 &lt;textarea id="status" name="status" rows="6" cols="40" onkeydown='countChar("status","counter");' onkeyup='countChar("status","counter...

    JavaScript实现统计文本框Textarea字数增强用户体验

    通过这种方式,我们可以轻松地在自己的网站或应用中实现类似Twitter的字数统计功能,提升用户体验。这种方法简单易懂,只需要少量的JavaScript代码,且兼容性良好,适用于各种现代浏览器。需要注意的是,为了更好地...

    jQuery插件charCount模仿twitter和新浪微博的textarea字数统计.zip

    《jQuery插件charCount:实现textarea字数统计的探索与实践》 在现代网页开发中,用户交互体验的提升已经成为了一项重要的设计考量。尤其是在社交媒体和博客平台,限制输入字符数的功能,如Twitter的280字符限制和...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能,即对textarea输入框进行字数限制,并实时显示当前已输入的字符数,这对于创建表单、评论区或任何需要限制用户输入的场景非常...

    jQuery实现实时输入字数统计

    在网页设计中,实时输入字数统计是一项常用的功能,它能帮助用户监控并控制他们的输入内容,例如在评论框、表单字段等场景下。jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化这样的任务。本教程将详细...

    Vue实现动态显示textarea剩余字数

    在Vue.js框架中,动态显示textarea的剩余字数是一个常见的需求,这可以帮助用户实时了解他们的输入是否超过了预设的字符限制。以下是如何在Vue中实现这一功能的详细步骤。 首先,我们需要在HTML模板中设置一个`...

    统计输入字数百分比,快捷,简单易用

    首先,我们来理解标题和描述中的“统计输入字数百分比”。这是指在用户输入文字时,程序会计算当前输入的字符数,并将其与设定的最大字符数比较,得出一个百分比值,实时展示给用户。这样,用户可以清楚地知道他们...

    jQuery计算textarea中文字数(剩余个数)的小程序

    - 当textarea获得焦点时,通过`.live("focus" ...)`监听事件,每半秒调用一次`numChange`函数来实时更新字数统计。`setInterval(numChange, 500)`实现了这个功能。 3. **事件处理**: - 使用`.live`方法来绑定...

    控制textarea文本长度,限制输入字数(带统计)的特效

    控制textarea文本长度,限制输入字数(带统计)的特效! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    效果超酷的textarea的输入字数限提示

    Element:Object限制统计对象 (*必须) MaxLen:Number最大可输入长度 (*必须) objMax:Object显示最大输入长度对象 (*可选) objTotal:Object显示输入统计对象 (*可选) objLeft:Object显示可输入长度对象 (*可选) ...

    jquery仿微博字数限制

    为了提高用户体验,我们还可以添加一些额外的功能,例如当用户接近字数限制时改变`textarea`的背景色或者提示用户。例如,当剩余字数少于10时,我们可以改变`textarea`的背景色: ```javascript $textarea.css('...

Global site tag (gtag.js) - Google Analytics