JS控制文本框textarea输入字数限制的方法


Posted in Javascript onJune 17, 2013
<html>  
   <head>  
   <title>JS限制Textarea文本域字符个数</title>  
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
   <SCRIPT LANGUAGE="JavaScript">  
   <!--//  
   function textCounter(field, countfield, maxlimit) {  
   // 函数,3个参数,表单名字,表单域元素名,限制字符;  
   if (field.value.length > maxlimit)  
   //如果元素区字符数大于最大字符数,按照最大字符数截断;  
   field.value = field.value.substring(0, maxlimit);  
   else  
   //在记数区文本框内显示剩余的字符数;  
   countfield.value = maxlimit - field.value.length;  
   }  
   //-->  
   </SCRIPT>  
   </head>  
   <body>  
    <form name=myform action="">  
        <textarea name="message" cols="28" rows="5" onKeyDown="textCounter(message,remLen,6);" onKeyUp="textCounter(message,remLen,6);"></textarea>  
        您还可以输入:<input name="remLen" type="text" value="6" size="5" readonly="readonly">个字符  
    </form>  
   </body>  
   </html> 
Javascript 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
prototype Element学习笔记(Element篇三)
Oct 26 Javascript
jQuery中next()方法用法实例
Jan 07 Javascript
TypeScript 中接口详解
Jun 19 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
JS返回页面时自动回滚到历史浏览位置
Sep 26 Javascript
微信小程序实现日历效果
Dec 28 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
layui的表单提交以及验证和修改弹框的实例
Sep 09 Javascript
JS中this的4种绑定规则详解
Feb 04 Javascript
一个简单的JS鼠标悬停特效具体方法
Jun 17 #Javascript
js特效,页面下雪的小例子
Jun 17 #Javascript
js弹出窗口之弹出层的小例子
Jun 17 #Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
Jun 17 #Javascript
JS简单的轮播的图片滚动实例
Jun 17 #Javascript
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 #Javascript
js模仿jquery的写法示例代码
Jun 16 #Javascript
You might like
php创建多级目录代码
2008/06/05 PHP
PHP根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
心扬JS分页函数代码
2010/09/10 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
jQuery中的$.ajax()方法应用
2014/05/06 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
javaScript语法总结
2016/11/25 Javascript
js初始化验证实例详解
2016/11/26 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
JavaScript中如何调用Java方法
2020/09/16 Javascript
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
用python实现的线程池实例代码
2018/01/06 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
python DataFrame转dict字典过程详解
2019/12/26 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
python进度条显示之tqmd模块
2020/08/22 Python
全球最大的户外用品零售商之一:The House
2018/06/12 全球购物
医生进修自我鉴定
2014/01/19 职场文书
商务经理岗位职责
2014/07/30 职场文书
刑事代理授权委托书
2014/09/17 职场文书
小学运动会报道稿
2014/10/04 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
2015年教研组工作总结
2015/05/04 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
2019开业庆典剪彩仪式主持词!
2019/07/22 职场文书
Vue中foreach数组与js中遍历数组的写法说明
2021/06/05 Vue.js