`
teamo0812
  • 浏览: 118612 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

JavaScript 限制TextArea长度

阅读更多

<script>    
function limitLength(obj, length) {    
    var desc = obj.value;      
    obj.value = substr(obj.value,length);    
}    
function substr(str,length){    
    var l=0,i=0;    
while(l <length && i<str.length){    
        l+=1;    

if(str.substring(i,i+1).match(/[\u4e00-\u9fa5]/))l+=2;//一个中文是相当于3个英文  
        i+=1;    
    }    

return str.substring(0,i);    
}    
</script>    

  <textarea name="blogdesc" cols="50" rows="5" onkeyup="limitLength(this,200)">哇哈哈哈哈哈哈哈哈,动感超人</textarea>  
 
分享到:
评论
2 楼 jkam 2010-03-10  
觉得放到keyup事件上不妥,如果用户不是键盘输入,而是从外面粘了一大段进来呢,就会绕过keyup,建议放到blur事件上。
1 楼 servce 2010-03-10  
这个挺简单的

相关推荐

    textarea长度控制

    ### Textarea长度控制详解 #### 一、简介 在网页开发过程中,经常需要对用户输入的数据进行限制,特别是在文本域(`textarea`)中的输入,为了确保数据的有效性和减轻服务器负担,通常会设置一个最大输入长度。...

    textarea限制长度插件

    总的来说,"textarea限制长度插件"是jQuery生态系统中一个实用的工具,它使得限制textarea字符数变得简单而直观。无论是用于表单验证还是数据管理,这个插件都能帮助开发者实现高效且用户友好的界面。通过深入理解和...

    Textarea限制输入文本长度

    &lt;title&gt;Textarea长度限制示例 &lt;textarea id="message" onkeydown="limitLength('message')" rows="4" cols="50"&gt;&lt;/textarea&gt; 剩余字符数: 160 function limitLength(obj_id) { var value = document....

    使用JavaScript限制TextArea多行文本域的可输入字数

    本文将深入探讨如何使用JavaScript来实现对`&lt;textarea&gt;`的字数限制。 首先,我们需要了解JavaScript的基本语法和DOM操作。JavaScript是一种解释型、弱类型的脚本语言,广泛应用于网页和浏览器交互。通过DOM...

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

    限制textarea输入字数 #charCount { display: inline-block; margin-left: 5px; } &lt;textarea id="inputText" rows="4" cols="50" maxlength="100"&gt;&lt;/textarea&gt; &lt;span id="charCount"&gt;0/100 var ...

    textarea长度限制

    综上所述,`textarea` 长度限制主要涉及前端 JavaScript 代码和 CSS 样式,同时也需要注意后端验证。合理设置和管理这些限制,可以提升用户体验,保证数据的有效性和安全性。在实际应用中,应根据项目需求选择合适的...

    js限制textarea每行输入字符串长度的代码.docx

    在JavaScript中,对`textarea`元素进行输入字符串长度限制是一个常见的需求,特别是在处理用户输入时,需要确保数据格式的正确性。在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...

    用JavaScript限制textarea输入长度 (For: IE、Firefox …)[

    为了解决这个问题,我们可以利用JavaScript来实现一个兼容各个主流浏览器的textarea输入长度限制功能。 首先,让我们理解HTML5的`maxlength`属性。`maxlength`属性是HTML5新增的,它定义了textarea或input元素最多...

    JavaScript实现textarea的maxlength

    在某些场景下,我们可能需要限制用户在`textarea`中输入的最大字符数,以防止过长的数据导致处理问题或者数据库存储问题。这就是`maxlength`属性的作用。`maxlength`属性是HTML5引入的一个特性,允许我们为`textarea...

    jquery对textarea的长度进行验证

    要实现对textarea长度的验证,我们首先需要在HTML中引入jQuery和`jquery.validate.js`库,以及相关的CSS样式文件,确保页面可以正确解析和执行验证逻辑。 接下来,我们需要创建一个textarea元素,并为其添加一个...

    textarea输入限制方法

    本文将详细介绍如何通过JavaScript实现`textarea`的输入长度限制,包括如何设置最大输入长度、如何阻止超出长度的输入、如何限制复制粘贴及鼠标拖放等操作。 #### 一、基础知识介绍 1. **`textarea`标签**:HTML中...

    jQuery 文本框字符限制插件 Textarea

    在网页设计中,有时我们需要对用户的输入进行控制,例如限制评论长度、留言字数或者表单字段的最大字符数。jQuery的Textarea字符限制插件就是为此目的而设计的,它可以实时显示用户当前输入的字符数,并在达到预设...

    javascript textarea字数限制

    通过以上的详细讨论,我们可以了解到如何通过JavaScript来有效地限制`textarea`中输入的字符数,无论是简单的长度限制,还是提供给用户更友好的交互体验,如剩余字数的提示。在实际项目中,开发者需要根据具体需求和...

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

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

    js限制textarea每行输入字符串长度的代码

    在本文中,我们将学习如何使用JavaScript来限制HTML中的textarea元素,使得用户在每行输入时的字符串长度不超过特定的限制。这在某些场景下非常有用,例如当我们需要用户填写格式化的文本,如留言、评论等,并且希望...

    textarea.7z

    在`jQuery`(JQ)这个流行的JavaScript库的帮助下,我们可以方便地实现`textarea`的字数限制功能。`jQuery`提供了强大的选择器、事件处理和DOM操作功能,使得开发者能更高效地操作DOM元素,从而实现复杂的功能,比如...

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

    要限制textarea的输入字数,我们首先要获取textarea元素。在HTML中,我们可以创建一个textarea并为其设置一个ID,如`id="myTextarea"`。然后,我们可以在jQuery的选择器中使用这个ID来选择这个元素: ```html ...

    限制文字长度.rar

    在某些场景下,我们可能需要对文字长度进行限制,比如在社交媒体发布、数据库字段限制、用户界面显示等方面。"限制文字长度"这个主题就涉及到了如何在不同的环境下有效地管理和控制文本内容的长度。 首先,我们要...

Global site tag (gtag.js) - Google Analytics