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 页面内容搜索,类似于 Ctrl+F功能的实现代码
Aug 13 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
解析javascript 实用函数的使用详解
May 10 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
利用vue实现模态框组件
Dec 19 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 Javascript
原生JavaScript实现贪吃蛇游戏
Nov 04 Javascript
详解Vue的七种传值方式
Feb 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
用PHP ob_start()控制浏览器cache、生成html实现代码
2010/02/16 PHP
PHP测试程序运行时间的类
2012/02/05 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
理解JavaScript原型链
2016/10/25 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
[原创]Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】
2018/10/29 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
QML使用Python的函数过程解析
2019/09/26 Python
如何理解python中数字列表
2020/05/29 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
html5绘制时钟动画
2014/12/15 HTML / CSS
英国领先的在线药房:Pharmacy First
2017/09/10 全球购物
联想德国官网:Lenovo Germany
2018/07/04 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
上班迟到检讨书
2014/01/10 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
新学期开学寄语2016
2015/12/04 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书
2016年五一国际劳动节活动总结
2016/04/06 职场文书
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android