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 相关文章推荐
TextArea不支持maxlength的解决办法(jquery)
Sep 13 Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
Jul 31 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
May 02 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
AngularJS ionic手势事件的使用总结
Aug 09 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 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代码
2006/12/06 PHP
php防止sql注入代码实例
2013/12/18 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
2013/12/25 Javascript
Backbone.js框架中Model与Collection的使用实例
2016/05/07 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
2019/02/22 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
举例讲解Python常用模块
2019/03/08 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
自我评价中英文语句
2013/11/30 职场文书
学生自我鉴定模板
2013/12/30 职场文书
新学期校长寄语
2014/01/18 职场文书
单位创先争优活动方案
2014/01/26 职场文书
就业表自我评价分享
2014/02/06 职场文书
工商干部先进事迹
2014/05/14 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
广告业务员岗位职责
2015/02/13 职场文书
学困生转化工作总结
2015/08/13 职场文书
2019个人工作态度自我评价
2019/04/24 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
使用 Docker Compose 构建复杂的多容器App
2022/04/30 Servers