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 相关文章推荐
javascript dom 操作详解 js加强
Jul 13 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
Feb 03 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
JavaScript框架(iframe)操作总结
Apr 16 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
信息滚动效果的实例讲解
Sep 18 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
May 26 Javascript
es6数组includes()用法实例分析
Apr 18 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
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
2010/01/11 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
angular.js之路由的选择方法
2016/09/24 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
Angular4学习教程之DOM属性绑定详解
2018/01/04 Javascript
详解vue中组件参数
2018/07/09 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
Vue Router中应用中间件的方法
2020/08/06 Javascript
Python标准库之sqlite3使用实例
2014/11/25 Python
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
python调用API实现智能回复机器人
2018/04/10 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
python标准库os库的函数介绍
2020/02/12 Python
基于tensorflow __init__、build 和call的使用小结
2021/02/26 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
CSS3的RGBA中关于整数和百分比值的转换
2015/08/04 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
Sephora丝芙兰澳洲官方网站:国际知名化妆品购物
2016/10/27 全球购物
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
HR喜欢的自荐信格式
2013/10/08 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
优秀实习生感言
2014/03/01 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
素质教育学习心得体会
2016/01/19 职场文书