textarea限定长度

偏执的太偏执、 2022-06-14 22:47 228阅读 0赞

网上找了一个example，修改了一下。代码如下：

<script type="text/javascript">
    /*
    * 限制textarea文本域输入的字符个数
    * @id        textarea表单ID
    * @count 要限制的最大字符数
    */
    function limitChars(id, count)
    {
        var obj = document.getElementById(id);
        if (obj.value.length > count)
        {
            obj.value = obj.value.substr(0, count);
    		document.getElementById("overCountTips").innerHTML="最多只能输入"+count+"个字符";
        }else{
    	    document.getElementById("overCountTips").innerHTML="";
    	}
    }
    
    </script>
    
    <textarea name="description" cols="50" rows="3" id="description" onKeyDown="limitChars('description', 20)" οnchange="limitChars('description', 20)" onpropertychange="limitChars('description', 20)"><div class="STYLE4" id="overCountTips" style="display:"></div>

说明：1、onkeydown监控用户键盘输入并进行字符截取；2、onchange防止用户通过复制粘贴功能输入超过指定最大字符数的字符；3、onpropertychange针对IE（FF中无效），作用就是当用户通过复制粘贴功能来进行输入时，当粘贴完成的瞬间即进行字符截取，而不是像onchange那样需要等到焦点离开textarea控件时才进行字符截取（该属性主要为了用户体验上的效果，没有该属性已经可以真正完成限制字符输入个数的任务）。

原文：[http://sunjun041640.blog.163.com/blog/static/2562683220087853440483/][http_sunjun041640.blog.163.com_blog_static_2562683220087853440483]

[http_sunjun041640.blog.163.com_blog_static_2562683220087853440483]: http://sunjun041640.blog.163.com/blog/static/2562683220087853440483/

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关 JTable 中如何限定输入长度？如何指定焦点？

问题一：在JTable 中如何限制输入的最大长度？解决方法： 1、设置给JTable的单元格添加指定控件,JTextField； 2、写一个类继承JTextField，

朱雀/ 2023年10月17日 21:49/ 0 赞/ 7 阅读

相关 textarea文本域实时显示输入的字符长度

直接上代码，没什么说的定义的div <div> <textarea name="content" class="layui-textare

古城微笑少年丶/ 2023年06月19日 09:37/ 0 赞/ 30 阅读

相关数组进行逆序数存储，可随意输入数组，不限定数组长度

提炼函数的目的是为了代码重用，就像别人程序中的一个数组，需要逆序存储，用这个函数可以实现吗。不过函数的功能一般不会太多，例如reverse函数只负责逆序，不管输出。函数

谁借莪１个温暖的怀抱￠/ 2022年09月12日 01:53/ 0 赞/ 154 阅读

相关 textarea最大长度限制

jsp中： <textarea id="$\{msg.openId\}" rows="2" style="display: none;height: 50;width: 9

青旅半醒/ 2022年08月25日 13:50/ 0 赞/ 264 阅读

相关判断textarea长度

js代码： function checkLen()\{ alert(document.getElementById("summary").value.

旧城等待，/ 2022年08月09日 06:26/ 0 赞/ 238 阅读

相关 textarea限定长度

网上找了一个example，修改了一下。代码如下： <script type="text/javascript"> / 限制textarea文本

偏执的太偏执、/ 2022年06月14日 22:47/ 0 赞/ 229 阅读

相关 textarea中限制输入字符长度(实用版)

textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数

喜欢ヅ旅行/ 2022年06月12日 02:46/ 0 赞/ 791 阅读

相关 textarea input 限制长度实时监听

<div class="input"> <textarea @input="descArea" name="" id="" cols="30" rows="

本是古典何须时尚/ 2022年03月30日 14:24/ 0 赞/ 381 阅读

相关 textarea

今天发现一个textarea 的小问提，当我设置 <textarea id="textarea" rows="4" placeholder="多行文本框">

我不是女神ヾ/ 2022年03月08日 06:15/ 0 赞/ 298 阅读

相关文本框 textarea长度判断

文本框加keyUp事件处理函数 function validTextAreaLength(\_this,\_len) \{ var le = \_this.valu

向右看齐/ 2021年06月24日 13:59/ 0 赞/ 485 阅读