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 源码分析笔记(4) Ready函数
Jun 02 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
jQuery文字提示与图片提示效果实现方法
Jul 04 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
JS返回顶部实例代码
Aug 09 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
uni-app实现点赞评论功能
Nov 25 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 Javascript
简单聊聊TypeScript只读修饰符
Apr 06 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
php预定义变量使用帮助(带实例)
2013/10/30 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
动态加载jquery库的方法
2014/02/12 Javascript
js图片自动轮播代码分享(js图片轮播)
2014/05/06 Javascript
js style动态设置table高度
2014/10/21 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
JavaScript实现图片无缝滚动效果
2017/07/07 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
推荐VSCode 上特别好用的 Vue 插件之vetur
2017/09/14 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
Python生成器以及应用实例解析
2018/02/08 Python
Python判断telnet通不通的实例
2019/01/26 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
python数据持久存储 pickle模块的基本使用方法解析
2019/08/30 Python
python matplotlib拟合直线的实现
2019/11/19 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
介绍Java的内部类
2012/10/27 面试题
C#笔试题
2015/07/14 面试题
Laravel的加密解密与哈希实例讲解
2021/03/24 PHP
个人能力自我鉴赏
2014/01/25 职场文书
艺人经纪人岗位职责
2014/04/15 职场文书
升职感谢信
2015/01/22 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
2015团员个人年度总结
2015/11/24 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
PyTorch的Debug指南
2021/05/07 Python
使用Pytorch训练two-head网络的操作
2021/05/28 Python
详解MongoDB的条件查询和排序
2021/06/23 MongoDB