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 相关文章推荐
动态修改DOM 里面的 id 属性的弊端分析
Sep 03 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
Angular2入门教程之模块和组件详解
May 28 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
JSONP原理及应用实例详解
Sep 13 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
vue+element ui实现锚点定位
Jun 29 Vue.js
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
自己动手做一个SQL解释器
2006/10/09 PHP
PHP 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
JavaScript使用slice函数获取数组部分元素的方法
2015/04/06 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启
2019/05/16 DOTA
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
python爬取各类文档方法归类汇总
2018/03/22 Python
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Python连接字符串过程详解
2020/01/06 Python
Python3基于plotly模块保存图片表格
2020/08/03 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
波兰补充商店:Muscle Power
2018/10/29 全球购物
JAVA程序员面试题
2012/10/03 面试题
运动会入场词200字
2014/02/15 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
四年级语文教学反思
2016/03/03 职场文书