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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
javascript 事件处理程序介绍
Jun 27 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
Oct 10 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 Javascript
JavaScript 九种跨域方式实现原理
Feb 11 Javascript
ElementUI radio组件选中小改造
Aug 12 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
jQuery冲突问题解决方法
Jan 19 jQuery
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编程之高级技巧——利用Mysql函数
2006/10/09 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
javascript复制对象使用说明
2011/06/28 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
JavaScript 布尔操作符解析  &amp;&amp; || !
2012/08/10 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
jquery使用经验小结
2015/05/20 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
2018/02/08 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
Python读取Pickle文件信息并计算与当前时间间隔的方法分析
2019/01/30 Python
Django发送邮件和itsdangerous模块的配合使用解析
2019/08/10 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
python 模块导入问题汇总
2021/02/01 Python
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
给客户的道歉信
2014/01/13 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
建设工地安全标语
2014/06/07 职场文书
学习计划书怎么写
2014/09/15 职场文书
小学秋季运动会报道稿
2014/09/30 职场文书
2014年采购部工作总结
2014/11/20 职场文书
趵突泉导游词
2015/02/03 职场文书
食品仓管员岗位职责
2015/04/01 职场文书
代理词怎么写
2015/05/25 职场文书
资深HR教你写好简历中的自我评价
2019/05/07 职场文书
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL