编程 Javascript

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 相关文章推荐

IE中radio 或checkbox的checked属性初始状态下不能选中显示问题

Jul 25 Javascript

Mootools 1.2教程滚动条（Slider）

Sep 15 Javascript

Extjs中ComboBox加载并赋初值的实现方法

Mar 22 Javascript

javascript中input中readonly和disabled区别介绍

Oct 23 Javascript

如何屏蔽防止别的网站嵌入框架代码

Aug 24 Javascript

jquery实现（textarea）placeholder自动换行

Dec 22 Javascript

JS失效提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8

Jun 23 Javascript

微信小程序页面跳转事件绑定的实例详解

Sep 20 Javascript

JavaScript对象拷贝与Object.assign用法实例分析

Jun 20 Javascript

Vue 表情包输入组件的实现代码

Jan 21 Javascript

vue动态子组件的两种实现方式

Sep 01 Javascript

jQuery实现全选按钮

Jan 01 jQuery

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+FLASH实现上传文件进度条相关文件下载

2007/07/21 PHP

PHP 第一节 php简介

2012/04/28 PHP

Yii实现Command任务处理的方法详解

2016/07/14 PHP

phpmailer绑定邮箱的实现方法

2016/12/01 PHP

laravel中短信发送验证码的实现方法

2018/04/25 PHP

PHP中str_split()函数的用法讲解

2019/04/11 PHP

jquery的Theme和Theme Switcher使用小结

2010/09/08 Javascript

用js将内容复制到剪贴板兼容浏览器

2014/03/18 Javascript

JS基于Mootools实现的个性菜单效果代码

2015/10/21 Javascript

JavaScript操作HTML元素和样式的方法详解

2015/10/21 Javascript

JS实现DIV容器赋值的方法

2015/12/14 Javascript

JavaScript判断是否是微信浏览器

2016/06/13 Javascript

Vue三层嵌套路由的示例代码

2018/05/05 Javascript

微信小程序修改swiper默认指示器样式的实例代码

2018/07/18 Javascript

在vue项目中实现定义全局变量全局函数操作

2020/10/26 Javascript

JavaScript实现商品评价五星好评

2020/11/30 Javascript

JavaScript代码实现简单计算器

2020/12/27 Javascript

[02:17]2016国际邀请赛中国区预选赛VG战队领队采访

2016/06/26 DOTA

Python+Django在windows下的开发环境配置图解

2009/11/11 Python

Windows下Python的Django框架环境部署及应用编写入门

2016/03/10 Python

django+js+ajax实现刷新页面的方法

2017/05/22 Python

Java实现的执行python脚本工具类示例【使用jython.jar】

2018/03/29 Python

virtualenv 指定 python 解释器的版本方法

2018/10/25 Python

Python面向对象思想与应用入门教程【类与对象】

2019/04/12 Python

Django框架HttpRequest对象用法实例分析

2019/11/01 Python

pytorch常见的Tensor类型详解

2020/01/15 Python

Python爬虫进阶之爬取某视频并下载的实现

2020/12/08 Python

CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)

2013/06/06 HTML / CSS

写出程序把一个链表中的接点顺序倒排

2014/04/28 面试题

兼职学生的自我评价

2013/11/24 职场文书

心理学专业大学生职业生涯规划范文

2014/02/19 职场文书

八荣八耻演讲稿

2014/09/15 职场文书

2015年预备党员自我评价

2015/03/04 职场文书

运动会3000米加油稿

2015/07/21 职场文书

前端学习——JavaScript原生实现购物车案例

2021/03/31 Javascript

详解Java分布式事务的 6 种解决方案

2021/06/26 Java/Android