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 onkeydown,onkeyup,onkeypress,onclick,ondblclick
Feb 04 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
炫酷的js手风琴效果
Oct 13 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
Vue Element UI自定义描述列表组件
May 18 Vue.js
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
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
php通用防注入程序 推荐
2011/02/26 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP数组编码gbk与utf8互相转换的两种方法
2016/09/01 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
jquery 锁定弹出层实现代码
2010/02/23 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
控制文字内容的显示与隐藏示例
2014/06/11 Javascript
Node.js开源应用框架HapiJS介绍
2015/01/14 Javascript
js+canvas绘制五角星的方法
2016/01/28 Javascript
详解webpack 多页面/入口支持&amp;公共组件单独打包
2017/06/29 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
在Python中使用__slots__方法的详细教程
2015/04/28 Python
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
python使用Apriori算法进行关联性解析
2017/12/21 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
selenium+python环境配置教程详解
2019/05/28 Python
python文字转语音的实例代码分析
2019/11/12 Python
Pytorch 多维数组运算过程的索引处理方式
2019/12/27 Python
np.dot()函数的用法详解
2020/01/17 Python
python轮询机制控制led实例
2020/05/03 Python
pandas to_excel 添加颜色操作
2020/07/14 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
人力资源管理系自荐信
2014/05/31 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
2014年法院工作总结
2014/11/24 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL