编程 Javascript

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

$.getJSON在IE下失效的原因分析及解决方法

Jun 16 Javascript

chrome下img加载对height()的影响示例探讨

May 26 Javascript

JavaScript中实现map功能代码分享

Jun 11 Javascript

AngularJS使用ngOption实现下拉列表的实例代码

Jan 23 Javascript

jQuery事件绑定on()与弹窗实现代码

Apr 28 Javascript

Knockoutjs 学习系列(二)花式捆绑

Jun 07 Javascript

多功能jQuery树插件zTree实现权限列表简单实例

Jul 12 Javascript

JS创建对象的写法示例

Nov 04 Javascript

微信小程序 textarea 详解及简单使用方法

Dec 05 Javascript

Node.js中的child_process模块详解

Jun 08 Javascript

Vue中的循环及修改差值表达式的方法

Aug 29 Javascript

js实现无限层级树形数据结构(创新算法)

Feb 27 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

JAVA/JSP学习系列之六

2006/10/09 PHP

一个典型的PHP分页实例代码分享

2011/07/28 PHP

详解PHP实现异步调用的4种方法

2016/03/14 PHP

php实现页面纯静态的实例代码

2017/06/21 PHP

php实现与python进行socket通信的方法示例

2017/08/30 PHP

PHP Web表单生成器案例分析

2020/06/02 PHP

15 个 JavaScript Web UI 库

2010/05/19 Javascript

基于jQuery的模仿新浪微博时间的组件

2011/10/04 Javascript

nodejs开发微博实例

2015/03/25 NodeJs

如何解决谷歌浏览器下jquery无法获取图片的尺寸

2015/09/10 Javascript

浅析JS运动

2015/12/28 Javascript

jQuery flip插件实现的翻牌效果示例【附demo源码下载】

2016/09/20 Javascript

Bootstrap jquery.twbsPagination.js动态页码分页实例代码

2017/02/20 Javascript

原生js实现轮播图

2017/02/27 Javascript

jQuery插件zTree实现更新根节点中第i个节点名称的方法示例

2017/03/08 Javascript

vue2.0 中#$emit,$on的使用详解

2017/06/07 Javascript

Angular实现的简单查询天气预报功能示例

2017/12/27 Javascript

微信小程序实践之动态控制组件的显示/隐藏功能

2018/07/18 Javascript

python中requests和https使用简单示例

2018/01/18 Python

Python OpenCV实现图片上输出中文

2018/01/22 Python

python3下使用cv2.imwrite存储带有中文路径图片的方法

2018/05/10 Python

docker django无法访问redis容器的解决方法

2019/08/21 Python

使用python+whoosh实现全文检索

2019/12/09 Python

在Matplotlib图中插入LaTex公式实例

2020/04/17 Python

python安装读取grib库总结(推荐)

2020/06/24 Python

Python pip使用超时问题解决方案

2020/08/03 Python

python读取excel数据并且画图的实现示例

2021/02/08 Python

俄罗斯最大的在线手表商店：Bestwatch.ru

2020/01/11 全球购物

adidas泰国官网：adidas TH

2020/07/11 全球购物

英语专业毕业生自荐信

2013/10/28 职场文书

企业门卫岗位职责

2013/12/12 职场文书

机电一体化专业求职信

2014/07/22 职场文书

大专生自我鉴定怎么写

2014/09/16 职场文书

中秋节慰问信

2015/02/15 职场文书

python numpy中setdiff1d的用法说明

2021/04/22 Python

灵能百分百第三季什么时候来？

2022/03/15 日漫