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 相关文章推荐
JQuery 引发两次$(document.ready)事件
Jan 15 Javascript
JQuery Easyui Tree的oncheck事件实现代码
May 28 Javascript
你需要知道的10个最佳javascript开发实践小结
Apr 15 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
vue操作动画的记录animate.css实例代码
Apr 26 Javascript
node.js Promise对象的使用方法实例分析
Dec 26 Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 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获取参数的几种方法总结
2014/02/18 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
PHP使用http_build_query()构造URL字符串的方法
2016/04/02 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
jquery ajax 登录验证实现代码
2009/09/23 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
jQuery中阻止冒泡事件的方法介绍
2014/04/12 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
2016/09/02 Javascript
layui表格实现代码
2017/05/20 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
Perl中著名的Schwartzian转换问题解决实现
2015/06/02 Python
python使用psutil模块获取系统状态
2016/08/27 Python
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
pandas Dataframe行列读取的实例
2018/06/08 Python
python安装twisted的问题解析
2018/08/21 Python
python 实现手机自动拨打电话的方法(通话压力测试)
2019/08/08 Python
python中的列表与元组的使用
2019/08/08 Python
pymysql模块的操作实例
2019/12/17 Python
使用 tf.nn.dynamic_rnn 展开时间维度方式
2020/01/21 Python
Python任务调度模块APScheduler使用
2020/04/15 Python
家长对老师的感言
2014/03/11 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
助学金感谢信
2015/01/20 职场文书
2015年药店工作总结
2015/04/20 职场文书
表扬信范文
2015/05/04 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
独生子女证明范本
2015/06/19 职场文书
Python基础之操作MySQL数据库
2021/05/06 Python