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 相关文章推荐
JS中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
javascript倒计时效果实现
Nov 12 Javascript
微信小程序  简单实例(阅读器)的实例开发
Sep 29 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
js笔试题-接收get请求参数
Jun 15 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
Apr 27 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删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
php通过array_shift()函数移除数组第一个元素的方法
2015/03/18 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
jquery 插件开发方法小结
2009/10/23 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
JS使用onerror捕获异常示例
2016/08/03 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
2017/01/11 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
SVG实现时钟效果
2018/07/17 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
详解在Python和IPython中使用Docker
2015/04/28 Python
新手如何快速入门Python(菜鸟必看篇)
2017/06/10 Python
Python守护线程用法实例
2017/06/23 Python
Python数据结构与算法之图的广度优先与深度优先搜索算法示例
2017/12/14 Python
详解Python自建logging模块
2018/01/29 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
django+echart数据动态显示的例子
2019/08/12 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
python 调整图片亮度的示例
2020/12/03 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
应届生的求职推荐信范文
2013/11/30 职场文书
小学教师自我评价
2015/03/04 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
Nginx的rewrite模块详解
2021/03/31 Servers
详解Python中__new__方法的作用
2022/03/31 Python