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 相关文章推荐
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
sails框架的学习指南
Dec 22 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
jQuery中$.ajax()方法参数解析
Oct 22 Javascript
浅谈js中几种实用的跨域方法原理详解
Dec 02 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
Node.js  事件循环详解及实例
Aug 06 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
Feb 26 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
vue 移动端记录页面浏览位置的方法
Mar 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记录日志的实现代码
2011/08/08 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
2014/06/06 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
CSS javascript 结合实现悬浮固定菜单效果
2015/08/23 Javascript
javascript中加var和不加var的区别 你真的懂吗
2016/01/06 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
vue实现修改图片后实时更新
2019/11/14 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
从零学Python之入门(五)缩进和选择
2014/05/27 Python
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
Python中turtle库的使用实例
2019/09/09 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
python实现udp聊天窗口
2020/03/31 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
python interpolate插值实例
2020/07/06 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
HTML5的革新 结构之美
2011/06/20 HTML / CSS
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
SmartBuyGlasses中国:唯视良品(销售名牌太阳镜、墨镜和眼镜框)
2017/07/03 全球购物
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
市场营销毕业生自荐信
2013/11/23 职场文书
表扬稿格式范文
2015/01/16 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
Java中的继承、多态以及封装
2022/04/11 Java/Android