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 相关文章推荐
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 Javascript
javascript json2 使用方法
Mar 16 Javascript
url地址自动加#号问题说明
Aug 21 Javascript
手把手教你自己写一个js表单验证框架的方法
Sep 14 Javascript
javascript实现图片循环渐显播放的方法
Feb 24 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
js替换字符串中所有指定的字符(实现代码)
Aug 17 Javascript
javascript实现用户点击数量统计
Dec 25 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
js消除图片小游戏代码
Dec 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
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
php文件上传的两种实现方法
2016/04/04 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
JSON 编辑器实现代码
2009/12/06 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
jquery 插件实现瀑布流图片展示实例
2015/04/03 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
javascript完美实现给定日期返回上月日期的方法
2017/06/15 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
vue项目引入字体.ttf的方法
2018/09/28 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
Django获取应用下的所有models的例子
2019/08/30 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
英国领先的狗和宠物美容专家:Christies Direct
2017/04/03 全球购物
台湾演唱会订票网站:StubHub台湾
2019/06/11 全球购物
介绍一下linux的文件系统
2015/10/06 面试题
致铅球运动员加油稿
2014/02/13 职场文书
责任担保书范文
2014/05/21 职场文书
国际贸易专业求职信
2014/06/04 职场文书
金融专业银行实习证明模板
2014/11/28 职场文书
退货证明模板
2015/06/23 职场文书
MySQL外键约束(FOREIGN KEY)案例讲解
2021/08/23 MySQL
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android