`
percy30856
  • 浏览: 134616 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论

限制textarea字数并实时显示输入字数统计

 
阅读更多
引用某位仁兄的笔迹。。。。

<textarea id="b" rows="4" cols="20" ></textarea>
<div><span id="a">已输入字符: </span><input type="button" value="OK" ></div>
<script language="javascript">
var ppl=70//每条长
var maxl=200//总长
document.onkeydown=function(){
   var s=document.getElementById("b").value.length +1;
   if(s>maxl)document.getElementById("b").value=document.getElementById("b").value.substr(0,maxl-1)
   else document.getElementById("a").innerHTML="已输入:"+s+"/"+maxl+" 字符"
}
function cha(){
var txt=document.getElementById("b").value,tl=txt.length;
var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl);
for (var i=0;i<k;i++){
txtArray[i]=txt.substr(i*ppl,ppl);
alert(txtArray[i]) ;
}
document.getElementById("b").value=""
document.getElementById("a").innerHTML="已输入字符: "
}
</script>
分享到:
评论

相关推荐

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

    总之,控制`textarea`的文本长度并显示输入字数统计是网页表单验证中的常见需求。通过结合HTML、CSS和JavaScript,我们可以创建一个具有用户友好性的输入框,提供良好的用户体验。同时,根据项目需求,可以进一步...

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

    总的来说,这个压缩包提供了实现textarea字数限制和实时反馈的简单但实用的解决方案。开发者可以通过修改JavaScript代码中的最大字符数变量,以及调整CSS样式,以适应各自项目的界面和功能需求。这个功能不仅提高了...

    统计字数的textarea

    标题“统计字数的textarea”涉及的是网页开发中一个常见的需求,即在用户输入文本的textarea元素中实时显示或限制字数。这个功能在许多Web应用中都有应用,例如在线编辑器、评论系统或者表单填写等。在这个场景下,...

    textarea剩余字数

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

    jQuery实现实时输入字数统计

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

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

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

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

    在这个例子中,我们为textarea添加了一个事件监听器,当用户输入时,会更新并显示剩余的字符数。同时,如果超过了设定的最大字数,我们会截取超出部分的文本并给予用户警告。 除了基本的字数统计,还可以增强此功能...

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

    在JavaScript中,实现一个功能,让用户在`Textarea`文本框中输入文字时实时统计已输入的字符数,并显示还能输入多少字符,是一个常见的需求,尤其在社交媒体和博客平台中。这个功能可以提升用户体验,帮助用户了解...

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

    插件会自动监控textarea的变化,实时更新计数,并根据需要显示警告。 charCount插件还支持自定义样式和事件监听。例如,可以通过CSS调整计数器的样式,或者通过绑定插件提供的事件来执行特定的操作,比如当用户超出...

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

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

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

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

    jQuery实时计算用户输入字数代码.zip

    在这个"jQuery实时计算用户输入字数代码.zip"压缩包中,我们可以找到一个实现此功能的示例。 首先,我们要理解这个功能的基本工作原理。当用户在文本输入框(`&lt;input type="text"&gt;` 或 `&lt;textarea&gt;`)中输入文字时...

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

    为了提供良好的用户体验,实时显示输入字数及其占总限制字数的百分比是一个很好的功能。本教程将详细介绍如何使用JavaScript实现这个功能,以及与之相关的CSS样式设计,帮助网页开发者快速、简单地实现这一功能。 ...

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

    为了更好地管理和限制用户的输入长度,许多网站都采用了字数统计的功能。例如,新浪微博就对用户发布的微博内容长度有一定的限制。本文将详细介绍新浪微博字数统计功能的实现原理,并通过一段具体的JavaScript代码来...

    textarea不能通过maxlength属性来限制字数的解决方法

    基本思路是通过监听`&lt;textarea&gt;`的键盘输入事件(如`keydown`、`keyup`或`keypress`),来实时检查并限制用户输入的字符数。例如,可以设置一个事件监听器,在用户输入时检查文本的长度,一旦达到预设的限制便不再...

    jquery仿微博字数限制

    这个功能在许多社交媒体和在线论坛中非常常见,它可以帮助用户在输入文本时实时监测并限制字符数,确保符合平台的规定。 首先,我们需要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库,它简化了HTML文档...

    显示textare所输入字数

    在这个场景下,“显示textarea所输入字数”的功能就显得尤为重要。 在Odoo(以前称为OpenERP)这个开源企业资源规划系统中,开发者经常需要自定义视图和字段来满足特定业务需求。`textarea` 字段是Odoo中用于长文本...

    jQuery实现新浪微博回复字数限制

    用户在输入时,会实时看到剩余的可输入字数,并且在达到临界值时得到视觉提示。这个功能对于任何需要限制用户输入长度的应用都是非常实用的。 请注意,实际项目中可能还需要考虑其他因素,如非ASCII字符(如汉字)...

Global site tag (gtag.js) - Google Analytics