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代码
Dec 15 Javascript
javascript去掉前后空格的实例
Nov 07 Javascript
返回上一页并自动刷新的JavaScript代码
Feb 19 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
详解Js中的模块化是如何实现的
Oct 18 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
vue如何实现关闭对话框后刷新列表
Apr 08 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
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
提高代码性能技巧谈—以创建千行表格为例
2006/07/01 Javascript
javascript下过滤数组重复值的代码
2007/09/10 Javascript
一句话JavaScript表单验证代码
2009/08/02 Javascript
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
原生js实现秒表计时器功能
2017/02/16 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
vue学习笔记之slot插槽用法实例分析
2020/02/29 Javascript
原生js实现日历效果
2020/03/02 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
2020/08/03 Javascript
[01:07:17]EG vs Optic Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
Python中的高级数据结构详解
2015/03/27 Python
python取代netcat过程分析
2018/02/10 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
Tensorflow全局设置可见GPU编号操作
2020/06/30 Python
详解python polyscope库的安装和例程
2020/11/13 Python
C语言基础笔试题
2013/04/27 面试题
专科应届生求职信
2013/11/24 职场文书
门诊挂号室室长岗位职责
2013/11/27 职场文书
人事科岗位职责范本
2014/03/02 职场文书
营销计划书范文
2015/01/17 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书