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 相关文章推荐
IE Firefox 使用自定义标签的区别
Oct 15 Javascript
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
Apr 28 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
JavaScript对象封装的简单实现方法(3种方法)
Jan 03 Javascript
源码分析Vue.js的监听实现教程
Apr 23 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
vue中 v-for循环的用法详解
Feb 19 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
把77A收信机改造成收音机
2021/03/02 无线电
多重?l件?合查?(二)
2006/10/09 PHP
sina的lightbox效果。
2007/01/09 Javascript
Javascript 篱式条件判断
2008/08/22 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
前端开发的开始---基于面向对象的Ajax类
2010/09/17 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
jQ处理xml文件和xml字符串的方法(详解)
2016/11/22 Javascript
vuejs父子组件之间数据交互详解
2017/08/09 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
vue下载excel的实现代码后台用post方法
2019/05/10 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
python多线程实现TCP服务端
2019/09/03 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
加拿大领先的冒险和户外零售商:Atmosphere
2017/12/19 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
会话Bean的种类
2013/11/07 面试题
《将心比心》教学反思
2014/04/08 职场文书
充分就业社区汇报材料
2014/05/07 职场文书
养成教育经验材料
2014/05/26 职场文书
求职简历自荐信
2014/06/18 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
项目申请汇报材料
2014/08/16 职场文书
入党政审材料范文
2014/12/24 职场文书
招商银行收入证明
2015/06/17 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
Python Numpy库的超详细教程
2022/04/06 Python
Python何绘制带有背景色块的折线图
2022/04/23 Python