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 相关文章推荐
Jquery插件之多图片异步上传
Oct 20 Javascript
JS的千分位算法实现思路
Jul 31 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
js密码强度校验
Nov 10 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
Sep 29 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 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
Protoss兵种对照表
2020/03/14 星际争霸
SONY SRF-40W电路分析
2021/03/02 无线电
一个取得文件扩展名的函数
2006/10/09 PHP
PHP 使用pcntl和libevent 实现Timer功能
2013/10/27 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
laravel 查询数据库获取结果实现判断是否为空
2019/10/24 PHP
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
豆瓣网的jquery代码实例
2008/06/15 Javascript
javascript显示选择目录对话框的代码
2008/11/10 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
探讨jQuery的ajax使用场景(c#)
2013/12/03 Javascript
js打造数组转json函数
2015/01/14 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
Python 文件重命名工具代码
2009/07/26 Python
Python程序运行原理图文解析
2018/02/10 Python
浅谈Tensorflow由于版本问题出现的几种错误及解决方法
2018/06/13 Python
Python3调用百度AI识别图片中的文字功能示例【测试可用】
2019/03/13 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
美国在线购买和出售礼品卡网站:EJ Gift Cards
2019/06/09 全球购物
高中毕业自我鉴定范文
2013/10/02 职场文书
十岁生日同学答谢词
2014/01/19 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript