`
catastiger
  • 浏览: 138463 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

textarea 限制字数

    博客分类:
  • HTML
 
阅读更多

已经犯了这样的低级错误两次,现在特意做一次记录

<td width="150" height="25" class="div_font">
<script>     
	window.onload=function()     
	{     
	        document.getElementById("cause").onkeydown=function()     
	{     
					               
	if(this.value.length>100)     
	        event.returnValue=false;     
	}     
	}     
</script>
<textarea name="cause" id="cause" cols="30" rows="10" onKeyUp="checkLength();"></textarea>					
</td>

 上面在IE7下是可以的,当超过字符长度的时候,就不能输入了。

function checkLength(){
      var s = document.getElementById("cause").value;
      //判断ID为cause的文本区域字数是否超过100个
      if(s.length > 100) 
	{
	    alert("超过限定字符...");
            document.getElementById("cause").value=s.substring(0,100);
	} 
}

 当超过的时候进行截取!

分享到:
评论

相关推荐

    js实现textarea限制输入字数

    实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...

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

    以下是一个简单的示例,展示了如何限制`textarea`的最大输入字数: ```html &lt;!DOCTYPE html&gt; 限制textarea输入字数 #charCount { display: inline-block; margin-left: 5px; } &lt;textarea id="input...

    angularjs实现textarea文本输入字数限制功能

    在本文中,我们将深入探讨如何使用AngularJS框架来实现一个textarea文本输入的字数限制功能。AngularJS,作为一款强大的前端开发框架,以其双向数据绑定和丰富的指令系统著称,可以方便地帮助开发者构建功能丰富的...

    jquery实现textarea输入框限制字数的方法

    本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下: 网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。 代码如下:&lt;html&gt; &...

    textarea剩余字数

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

    Textarea限制输入文本长度

    ### Textarea限制输入文本长度的知识点 #### 一、前言 在Web开发过程中,为了提升用户体验并确保数据的有效性和安全性,对用户输入的数据进行适当的限制是非常必要的。特别是在表单填写场景下,如评论框、留言区等...

    利用Angular.js限制textarea输入的字数

    大家可能都遇到过在输入的时候做出限制的需求,本文介绍的是通过Angular.js限制textarea输入字数的方法,有需要的朋友们可以参考以下实例。 实例代码如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    jquery实现限制textarea输入字数的方法

    jquery怎么实现限制textarea输入的字数呢?...textarea 限制字数&lt;/title&gt; &lt;style&gt; .container{ position: relative; width: 730px; } .container span{ position: absolute; bottom: 20px; ri

    Textarea输入字数限制实例(兼容iOS&安卓)

    本文将详细介绍如何实现一个兼容iOS和安卓设备的`&lt;textarea&gt;`输入字数限制实例。 首先,我们要明确`&lt;textarea&gt;`是HTML中用于创建多行文本输入的元素,通常用于收集用户的大段文字输入,如评论、反馈或表单中的长...

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

    本示例中,我们将探讨如何使用jQuery实现textarea文本框的字数限制功能,并实时提示用户输入的字符数量。 首先,让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口,提供了一种简洁的方式来选择DOM元素、...

    jquery新浪发布微博textarea文本框限制文字字数表单

    本教程将详细讲解如何利用jQuery实现一个类似新浪发布微博的功能,特别是针对textarea文本框进行文字字数限制。 一、jQuery简介 jQuery是由John Resig在2006年创建的,它的核心理念是"Write Less, Do More",通过...

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

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

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

    与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一...

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

    为了提供更好的用户体验,尤其是当需要限制用户输入的字数时,一个效果超酷的`textarea`字数限制提示可以极大地提升界面的交互性和专业性。本文将深入探讨如何通过CSS美化`textarea`,并实现动态的字数限制功能。 ...

    js和jquery分别实现对textarea字数的限制

    js和jquery分别实现对textarea字数的限制,精彩

    统计字数的textarea

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

    jQuery编写textarea输入字数限制代码

    总结来看,这段代码向我们展示了如何使用jQuery来实现一个功能完备的textarea字数限制功能,包括对不同浏览器的兼容性处理、中文字符长度的特殊处理以及超出字数时的截断逻辑。这对于前端开发者而言是实际项目开发中...

Global site tag (gtag.js) - Google Analytics