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下将字符串当函数执行的方法
Jul 13 Javascript
中国地区三级联动下拉菜单效果分析
Nov 15 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
javascript匿名函数应用示例介绍
Mar 07 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
ECMAscript 变量作用域总结概括
Aug 18 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
js实现中文实时时钟
Jan 15 Javascript
vue如何在data中引入图片的正确路径
Jun 05 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
详解php的魔术方法__get()和__set()使用介绍
2012/09/19 PHP
如何用C语言编写PHP扩展的详解
2013/06/13 PHP
一个简单且很好用的php分页类
2013/10/26 PHP
php使用codebase生成随机数
2014/03/25 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
img标签中onerror用法
2009/08/13 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
js 窗口抖动示例
2013/09/04 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
2017/01/16 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
深入浅析javascript继承体系
2017/10/23 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
2019/11/20 Javascript
element-ui tree结构实现增删改自定义功能代码
2020/08/31 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
python算法学习之计数排序实例
2013/12/18 Python
Python tkinter事件高级用法实例
2018/01/31 Python
python爬虫_实现校园网自动重连脚本的教程
2018/04/22 Python
flask session组件的使用示例
2018/12/25 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
软件测试工程师结构化面试题库
2016/11/23 面试题
教师试用期自我鉴定
2014/02/12 职场文书
社区活动总结
2015/02/04 职场文书
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
详解Java实践之抽象工厂模式
2021/06/18 Java/Android
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python