JS限制Textarea文本域字符个数的具体实现


Posted in Javascript onAugust 02, 2013
   <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)    
   //如果元素区字符数大于最大字符数,按照最大字符数截断;    
   fieldfield.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 相关文章推荐
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
js中不同的height, top的区别对比
Sep 24 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
微信小程序自定义导航栏
Dec 31 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
javascript实现扫雷简易版
Aug 18 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 #Javascript
JS解决ie6下png透明的方法实例
Aug 02 #Javascript
用innerhtml提高页面打开速度的方法
Aug 02 #Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 #Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 #Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 #Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 #Javascript
You might like
PHP中的string类型使用说明
2010/07/27 PHP
PHP获取MAC地址的函数代码
2011/09/11 PHP
PHP中使用addslashes函数转义的安全性原理分析
2014/11/03 PHP
详解PHP执行定时任务的实现思路
2015/12/21 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
jquery加载图片时以淡入方式显示的方法
2015/01/14 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
JavaScript实现的九种排序算法
2019/03/04 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
python小技巧之批量抓取美女图片
2014/06/06 Python
Windows和Linux下使用Python访问SqlServer的方法介绍
2015/03/10 Python
python2.x实现人民币转大写人民币
2018/06/20 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
浅谈Django+Gunicorn+Nginx部署之路
2019/09/11 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
Python reversed函数及使用方法解析
2020/03/17 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
总结python 三种常见的内存泄漏场景
2020/11/20 Python
英语系本科生个人求职信
2013/09/21 职场文书
机械工程系毕业生求职信
2013/09/27 职场文书
个人求职简历的自我评价
2013/10/19 职场文书
挑战杯创业计划书的写作指南
2014/01/07 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
家具商场的活动方案
2014/08/16 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
python 判断字符串当中是否包含字符(str.contain)
2022/06/01 Python
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server