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 相关文章推荐
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 Javascript
JavaScript的兼容性与调试技巧
Nov 22 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
Javascript格式化并高亮xml字符串的方法及注意事项
Aug 13 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
基于Vue插入视频的2种方法小结
Apr 02 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
js实现跳一跳小游戏
Jul 31 Javascript
vue 解决addRoutes多次添加路由重复的操作
Aug 04 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
多重?l件?合查?(二)
2006/10/09 PHP
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
一个php Mysql类 可以参考学习熟悉下
2009/06/21 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
PHP中把对象转换为关联数组代码分享
2015/04/09 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
JS前端笔试题分析
2016/12/19 Javascript
老生常谈js数据类型
2017/08/03 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
基于Electron实现桌面应用开发代码实例
2020/07/07 Javascript
Python标准库os.path包、glob包使用实例
2014/11/25 Python
Django数据库操作的实例(增删改查)
2017/09/04 Python
Django中的文件的上传的几种方式
2018/07/23 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python实现五子棋程序
2020/04/24 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
程序员机试试题汇总
2012/03/07 面试题
财务部副经理岗位职责
2014/03/14 职场文书
幼儿园教师自我鉴定
2014/03/20 职场文书
求职教师自荐书
2014/06/19 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
大学生联谊活动策划书(光棍节)
2014/10/10 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
身份证丢失证明
2015/06/19 职场文书
日本动漫十大公认神作:第五现已全网禁播,《死亡笔记》在榜
2022/03/18 日漫
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server