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 相关文章推荐
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
jquery lazyload延迟加载技术的实现原理分析
Jan 24 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
jquery索引在使用中的一些困惑
Oct 24 Javascript
angularjs基础教程
Dec 25 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
JS代码优化的8点建议
Feb 04 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 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基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
ThinkPHP模板IF标签用法详解
2014/07/01 PHP
php将html转为图片的实现方法
2017/05/19 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
js实现带箭头的进度流程
2020/03/26 Javascript
python线程池的实现实例
2013/11/18 Python
Python3实现Web网页图片下载
2016/01/28 Python
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
python lxml中etree的简单应用
2019/05/10 Python
详解python中index()、find()方法
2019/08/29 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
Python yield的用法实例分析
2020/03/06 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
行政经理岗位职责
2013/11/09 职场文书
加入学生会演讲稿
2014/04/24 职场文书
电视节目策划方案
2014/05/16 职场文书
体育课外活动总结
2014/07/08 职场文书
先进个人总结范文
2015/02/15 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers