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中Iframe之间传值的方法
Mar 11 Javascript
js去字符串前后空格5种实现方法及比较
Apr 03 Javascript
js获取电脑分辨率的思路及操作
Nov 22 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
jQuery中extend函数详解
Jul 13 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
Angular ng-animate和ng-cookies用法详解
Apr 18 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
jquery插件开发模式实例详解
Jul 20 jQuery
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 采集程序原理分析篇
2010/03/05 PHP
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
使用php实现从身份证中提取生日
2016/05/09 PHP
PHP简单获取上月、本月、近15天、近30天的方法示例
2017/07/03 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
2014/06/01 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
JS实现的简易拖放效果示例
2016/12/29 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
jQuery扇形定时器插件pietimer使用方法详解
2017/07/18 jQuery
vue axios 二次封装的示例代码
2017/12/08 Javascript
详解各版本React路由的跳转的方法
2018/05/10 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
学习python的几条建议分享
2013/02/10 Python
Python pass详细介绍及实例代码
2016/11/24 Python
python实现朴素贝叶斯算法
2018/11/19 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
Python sys模块常用方法解析
2020/02/20 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python