文本域限制字数并且超多的字数自动替换成空:
<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`文本长度的控制,并实时显示输入字数的统计。 首先,我们可以使用JavaScript来实现这一功能。JavaScript是一种广泛使用的客户端脚本语言,可以在用户与网页交互时执行,提供动态...
通过jQuery或其他JavaScript库,可以实现更多高级功能,如自动完成、字数统计、自动调整高度等。例如,使用jQuery插件`autosize`可以自动调整`textarea`的高度以适应内容: ```javascript $('textarea').autosize()...
### 新浪微博字数统计实现方法详解 #### 一、引言 在互联网时代,文本输入已经成为用户与网站互动的主要方式之一。为了更好地管理和限制用户的输入长度,许多网站都采用了字数统计的功能。例如,新浪微博就对用户...
为了解决这个问题,我们可以利用JavaScript来实现动态的字数统计和提示功能。 在JavaScript中,我们可以通过监听textarea的`input`事件来实时获取用户输入的变化。当用户在textarea中键入字符时,这个事件会被触发...
<title>Textarea 字数统计 还可以输入<span id="counter">140字 <textarea id="status" name="status" rows="6" cols="40" onkeydown='countChar("status","counter");' onkeyup='countChar("status","counter...
通过这种方式,我们可以轻松地在自己的网站或应用中实现类似Twitter的字数统计功能,提升用户体验。这种方法简单易懂,只需要少量的JavaScript代码,且兼容性良好,适用于各种现代浏览器。需要注意的是,为了更好地...
《jQuery插件charCount:实现textarea字数统计的探索与实践》 在现代网页开发中,用户交互体验的提升已经成为了一项重要的设计考量。尤其是在社交媒体和博客平台,限制输入字符数的功能,如Twitter的280字符限制和...
本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能,即对textarea输入框进行字数限制,并实时显示当前已输入的字符数,这对于创建表单、评论区或任何需要限制用户输入的场景非常...
在网页设计中,实时输入字数统计是一项常用的功能,它能帮助用户监控并控制他们的输入内容,例如在评论框、表单字段等场景下。jQuery作为一个强大的JavaScript库,提供了丰富的功能来简化这样的任务。本教程将详细...
在Vue.js框架中,动态显示textarea的剩余字数是一个常见的需求,这可以帮助用户实时了解他们的输入是否超过了预设的字符限制。以下是如何在Vue中实现这一功能的详细步骤。 首先,我们需要在HTML模板中设置一个`...
首先,我们来理解标题和描述中的“统计输入字数百分比”。这是指在用户输入文字时,程序会计算当前输入的字符数,并将其与设定的最大字符数比较,得出一个百分比值,实时展示给用户。这样,用户可以清楚地知道他们...
- 当textarea获得焦点时,通过`.live("focus" ...)`监听事件,每半秒调用一次`numChange`函数来实时更新字数统计。`setInterval(numChange, 500)`实现了这个功能。 3. **事件处理**: - 使用`.live`方法来绑定...
控制textarea文本长度,限制输入字数(带统计)的特效! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
在Web开发中,`<textarea>`标签用于创建一个多行的文本输入框。与`<input type="text">`不同,`<textarea>`可包含多行文本,并在用户界面上显示为一个可滚动的文本区域。它常用于在线论坛、评论区以及需要用户输入更...
Element:Object限制统计对象 (*必须) MaxLen:Number最大可输入长度 (*必须) objMax:Object显示最大输入长度对象 (*可选) objTotal:Object显示输入统计对象 (*可选) objLeft:Object显示可输入长度对象 (*可选) ...