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 相关文章推荐
js对数字的格式化使用说明
Jan 12 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
JS动态获取当前时间,并写到特定的区域
May 03 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 Javascript
JavaScript实现点击按钮就复制当前网址
Dec 14 Javascript
功能强大的Bootstrap使用手册(一)
Aug 02 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
JS设计模式之状态模式概念与用法分析
Feb 05 Javascript
关于redux-saga中take使用方法详解
Feb 27 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
php代码审计比较有意思的例子
2014/05/07 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
javascript事件冒泡实例分析
2015/05/13 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
微信小程序实现手指触摸画板
2018/07/09 Javascript
简单分析js中的this的原理
2019/08/31 Javascript
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
Python之csv文件从MySQL数据库导入导出的方法
2018/06/21 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
Java程序员常见面试题
2015/07/16 面试题
商务英语专业应届毕业生求职信
2013/10/28 职场文书
大学本科生的个人自我评价
2013/12/09 职场文书
小学庆六一活动方案
2014/02/28 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
毕业设计论文评语
2014/12/31 职场文书
辞职信范文大全
2015/03/02 职场文书
银行求职信模板
2015/03/20 职场文书
公司与个人合作协议书
2016/03/19 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang