js 实时计算文本框字数限制
$.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 实时计算文本框字数限制相关推荐
- JS实时检测文本框内容长度
通过js代码实时监测,文本框内容的变化以及长度,下图是一个实际使用场景. HTML部分: <input id="Text1" type="text" οn ...
- html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...
- [事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
js实现的文本框内容发生改变立马触发事件简单介绍: 本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入 ...
- 通过js获得input文本框输入的值
如何通过js获得input文本框输入的值. 前言 我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...
- 使用vue+textarea的属性maxlength制作一个文本框字数限制
使用vue加textarea的属性maxlength制作一个文本框字数限制 1.body部分 <div id="app"><div class="tex ...
- js中判断文本框是否为空的两种方法
js中判断文本框是否为空的两种方法 //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: ...
- 实时监控文本框输入字数
需求:实时监控文本输入框的字数,并加以限制 1.实时监控当前输入字数,直接使用onkeyup事件方法,给输入框加maxlength属性限制长度.如: <div><textarea i ...
- js同步获取文本框textarea输入的内容
教大家怎么实现 同步获取文本框textarea输入的内容 这个js功能 感觉有点像ajax技术 那么先写HTML标签代码 <textarea name="" cols=&qu ...
- 【干货】JS 限制input文本框输入
JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=v ...
最新文章
- 没有特斯拉的 3·15 都曝了些什么?
- 2021高考杭二中成绩查询,浙江高中成绩排名2021,浙江中考分数线排行榜
- define关键字的使用,以及宏函数的定义
- 【洛谷】【二分答案+最短路】P1462 通往奥格瑞玛的道路
- pdf.js 文字丢失问题 .cmaps
- Windows学习总结(18)——Windows运行命令与Win键+快捷键再总结
- ubuntu搭建Kubernetes集群(ansible,kubedam,rancher)
- Python数据结构之字节,字节数组
- Cesium:鼠标监听事件绑定
- C#中各种字符类型的转化
- Javaweb-学习路线
- DSF 洛谷 P1294 高手去散步
- ucfirst() strtoupper() strtolower()
- C++——EOF是个什么东西?
- vue 用echarts写的进度条组件
- 困在“墙”里的中年程序员
- Hyper-V虚拟机安装XP系统
- 《调研报告》:黑灰产哄抢消费券的两种方式
- ubuntu中查找文件后高亮_vim的高亮查找操作
- 23种设计模式 单例 (整理摘抄优秀的博文) 记住
热门文章
- vue计算属性:computed示例
- docker安装运行迅雷thunder
- HDFS报错解决:Operation category JOURNAL is not supported in state standby
- 什么是java双亲委派机制
- Python Django 一对一多表查询关联表字段
- Spring注解方式配置切面类
- Spring Boot项目开启异步使用多线程完整代码案例
- Mysql 8.0下载与安装详解,并修改安装路径
- 职称计算机windows 7,2017职称计算机考试Windows训练题
- su user oracle does not exist,Linux下oracle用户无法su切换的异常【终极解决方案_生产环境亲测有效】...