js统计录入文本框中字符的个数并加以限制不超过多少


Posted in Javascript onMay 23, 2014

有些需求是为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,并且有些特殊的要求字数不超过多少,下面是实现:

<html> 
<head> 
<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function tjzs(){ 
var count = $("#nr").val().length; 
if(count>10){ 
var nr = $("#nr").val().substring(0,10); 
$("#nr").val(nr); 
count=10; 
} 
$("#zs").val(count); 
} 
</script> 
</head> 
<body> 
<div style="72px;width:202px;" > 
<textarea id="nr" style="height:70px;width:200px;" onkeyup="tjzs()" onpropertychange="if (value.length>10) value=value.substring(0,10)"></textarea> 
字数限制:<input type="text" id="zs" value="0" lang="4"/>0/10 
</div> 
</body> 
</html>
Javascript 相关文章推荐
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
Jan 14 Javascript
jquery编写Tab选项卡滚动导航切换特效
Jul 17 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
Node.js读写文件之批量替换图片的实现方法
Sep 07 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
javascript为下拉列表动态添加数据项
May 23 #Javascript
js检测网络是否具体连接功能的代码
May 23 #Javascript
JS实现距离上次刷新已过多少秒示例
May 23 #Javascript
jquery动态添加元素事件失效问题解决方法
May 23 #Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 #Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 #Javascript
浅谈JavaScript字符集
May 22 #Javascript
You might like
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
Javascript 面向对象之重载
2010/05/04 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
简单选项卡 js和jquery制作方法分享
2014/02/26 Javascript
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
2015/12/18 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
Python 条件判断的缩写方法
2008/09/06 Python
Python实现在线程里运行scrapy的方法
2015/04/07 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
Python将string转换到float的实例方法
2019/07/29 Python
python实现本地批量ping多个IP的方法示例
2019/08/07 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
python cv2.resize函数high和width注意事项说明
2020/07/05 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
小学教师岗位职责
2013/11/25 职场文书
自荐书范文
2013/12/08 职场文书
房屋委托书范本
2014/04/04 职场文书
一年级班主任工作总结2014
2014/11/08 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
杨善洲电影观后感
2015/06/04 职场文书
MySQL 中如何归档数据的实现方法
2022/03/16 SQL Server
MySQL读取JSON转换的方式
2022/03/18 MySQL