$.fn.myTarea = function(){    return this.each(function(){        $(this).bind('input propertychange', function() {            var id = $(this).attr("id");            var maxContent=200;            var strlen = 0; //初始定义长度为0            var txtval = $('#'+id).val().trim();            for (var i = 0; i <txtval.length; i++) {                strlen +=1;            }            var leftSize = maxContent - strlen;            if(strlen>maxContent){                var udesc=txtval.substring(0,maxContent);                $("textarea").val(udesc);            }else{                $('#'+id+'Span').css("color","#999999");                $('#'+id+'Span').text("* "+strlen+"/"+leftSize+"");            }            // if(txtval.length>200)            // {            //            //     var content=$(this).val().substring(0,51);            //     $("textarea").val(content);            //            // }

        });    });

}

转载于:https://www.cnblogs.com/wxc1/p/11037522.html

js 实时计算文本框字数限制相关推荐

  1. JS实时检测文本框内容长度

    通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景. HTML部分: <input id="Text1" type="text" οn ...

  2. html 弹出复选框,js点击文本框弹出可选择的checkbox复选框

    本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...

  3. [事件处理] js实现的文本框内容发生改变立马触发事件简单介绍

    js实现的文本框内容发生改变立马触发事件简单介绍: 本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入 ...

  4. 通过js获得input文本框输入的值

    如何通过js获得input文本框输入的值. 前言 我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...

  5. 使用vue+textarea的属性maxlength制作一个文本框字数限制

    使用vue加textarea的属性maxlength制作一个文本框字数限制 1.body部分 <div id="app"><div class="tex ...

  6. js中判断文本框是否为空的两种方法

    js中判断文本框是否为空的两种方法 //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: ...

  7. 实时监控文本框输入字数

    需求:实时监控文本输入框的字数,并加以限制 1.实时监控当前输入字数,直接使用onkeyup事件方法,给输入框加maxlength属性限制长度.如: <div><textarea i ...

  8. js同步获取文本框textarea输入的内容

    教大家怎么实现 同步获取文本框textarea输入的内容 这个js功能 感觉有点像ajax技术 那么先写HTML标签代码 <textarea name="" cols=&qu ...

  9. 【干货】JS 限制input文本框输入

    JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=v ...

最新文章

  1. 没有特斯拉的 3·15 都曝了些什么?
  2. 2021高考杭二中成绩查询,浙江高中成绩排名2021,浙江中考分数线排行榜
  3. define关键字的使用,以及宏函数的定义
  4. 【洛谷】【二分答案+最短路】P1462 通往奥格瑞玛的道路
  5. pdf.js 文字丢失问题 .cmaps
  6. Windows学习总结(18)——Windows运行命令与Win键+快捷键再总结
  7. ubuntu搭建Kubernetes集群(ansible,kubedam,rancher)
  8. Python数据结构之字节,字节数组
  9. Cesium:鼠标监听事件绑定
  10. C#中各种字符类型的转化
  11. Javaweb-学习路线
  12. DSF 洛谷 P1294 高手去散步
  13. ucfirst() strtoupper() strtolower()
  14. C++——EOF是个什么东西?
  15. vue 用echarts写的进度条组件
  16. 困在“墙”里的中年程序员
  17. Hyper-V虚拟机安装XP系统
  18. 《调研报告》:黑灰产哄抢消费券的两种方式
  19. ubuntu中查找文件后高亮_vim的高亮查找操作
  20. 23种设计模式 单例 (整理摘抄优秀的博文) 记住

热门文章

  1. vue计算属性:computed示例
  2. docker安装运行迅雷thunder
  3. HDFS报错解决:Operation category JOURNAL is not supported in state standby
  4. 什么是java双亲委派机制
  5. Python Django 一对一多表查询关联表字段
  6. Spring注解方式配置切面类
  7. Spring Boot项目开启异步使用多线程完整代码案例
  8. Mysql 8.0下载与安装详解,并修改安装路径
  9. 职称计算机windows 7,2017职称计算机考试Windows训练题
  10. su user oracle does not exist,Linux下oracle用户无法su切换的异常【终极解决方案_生产环境亲测有效】...