`

JS限制textarea的长度

    博客分类:
  • JS
阅读更多

由于TEXTAREA没有maxlength,不能这样限制textarea长度, 但通过JAVASCRIPT 就能实现到

<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> 

 

分享到:
评论

相关推荐

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

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

    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....

    控制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 样式,同时也需要注意后端验证。合理设置和管理这些限制,可以提升用户体验,保证数据的有效性和安全性。在实际应用中,应根据项目需求选择合适的...

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

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

    jquery对textarea的长度进行验证

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

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

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

    js实现textarea限制输入字数

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

    JavaScript实现textarea的maxlength

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

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

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

    textarea输入限制方法

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

    jQuery 文本框字符限制插件 Textarea

    解压后,开发者可以查看其结构,一般包含JavaScript文件(如“jquery.textarea.js”)和可能的示例HTML文件。源代码通常分为两部分:一部分是jQuery插件的核心代码,另一部分是用于演示和测试的HTML页面。开发者可以...

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

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

    javascript textarea字数限制

    这一个是读取textarea的maxlength属性的值,进行计算,思路很好,但修改起来就麻烦啊,不过对于js爱好者来说是个不错的参考,通过读取属性值进行控制。 textarea字数限制 练习代码多有参考...JS限制textarea输入框

    JS TextArea字符串长度限制代码集合

    本篇文章提供了一种针对JavaScript环境下TextArea文本域字符串长度限制的方法,并着重解决了一个特定问题:在Internet Explorer(IE)浏览器中,当用户输入日语和全角字符时出现的BUG。 该方法中,提出了一个名为...

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

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

    textarea.7z

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

Global site tag (gtag.js) - Google Analytics