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 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
JavaScript 学习笔记(十四) 正则表达式
Jan 22 Javascript
JavaScript Event学习第十一章 按键的检测
Feb 10 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
Oct 30 Javascript
AngularJS入门教程之Scope(作用域)
Jul 27 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
bootstrap table操作技巧分享
Feb 15 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
vue框架中props的typescript用法详解
Feb 17 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
thinkphp实现图片上传功能分享
2014/03/04 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
Jquery中获取iframe的代码
2011/01/11 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
2012/02/07 Javascript
Raphael带文本标签可拖动的图形实现代码
2013/02/20 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
在Python中测试访问同一数据的竞争条件的方法
2015/04/23 Python
matplotlib实现区域颜色填充
2019/03/18 Python
如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱
2019/11/19 Python
详解Python设计模式之策略模式
2020/06/15 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
经典c++面试题二
2015/08/14 面试题
门诊挂号室室长岗位职责
2013/11/27 职场文书
可可西里观后感
2015/06/08 职场文书
董事长年会致辞
2015/07/29 职场文书
新人入职感言
2015/07/31 职场文书
企业法人任命书
2015/09/21 职场文书
技术入股协议书
2016/03/22 职场文书
为什么MySQL分页用limit会越来越慢
2021/07/25 MySQL
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python