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

JS实现在状态栏显示打字效果完整实例

Nov 02 Javascript

javascript断点调试心得分享

Apr 23 Javascript

Web打印解决方案之普通报表打印功能

Aug 29 Javascript

JavaScript对象创建模式实例汇总

Oct 03 Javascript

微信小程序获取相册照片实例详解

Nov 16 Javascript

利用vue写todolist单页应用

Dec 15 Javascript

Node.js连接postgreSQL并进行数据操作

Dec 18 Javascript

详解js中Number()、parseInt()和parseFloat()的区别

Dec 20 Javascript

js实现自定义路由

Feb 04 Javascript

Webpack性能优化 DLL 用法详解

Aug 10 Javascript

浅谈vue中改elementUI默认样式引发的static与assets的区别

Feb 03 Javascript

express如何解决ajax跨域访问session失效问题详解

Jun 20 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设计模式 Strategy(策略模式)

2011/06/26 PHP

PHP+jQuery翻板抽奖功能实现

2015/10/19 PHP

php获取字符串前几位的实例(substr返回字符串的子串用法)

2017/03/08 PHP

PHP操作Redis数据库常用方法示例

2018/08/25 PHP

jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路

2013/04/08 Javascript

JavaScript中操作字符串小结

2015/05/04 Javascript

window.onload绑定多个事件的两种解决方案

2016/05/15 Javascript

AngularJS 所有版本下载地址

2016/09/14 Javascript

JS常见算法详解

2017/02/28 Javascript

vue表单绑定实现多选框和下拉列表的实例

2017/08/12 Javascript

分析javascript原型及原型链

2018/03/18 Javascript

JS实现的合并两个有序链表算法示例

2019/02/25 Javascript

vue实现动态按钮功能

2019/05/13 Javascript

关于layui的动态图标不显示的解决方法

2019/09/04 Javascript

vue从零实现一个消息通知组件的方法详解

2020/03/16 Javascript

js利用拖放实现添加删除

2020/08/27 Javascript

[04:44]DOTA2西游记战队视频彩蛋流出师徒开黑巧遇林书豪

2016/08/03 DOTA

30分钟搭建Python的Flask框架并在上面编写第一个应用

2015/03/30 Python

Python中if __name__ == '__main__'作用解析

2015/06/29 Python

浅谈Python里面小数点精度的控制

2018/07/16 Python

python 画出使用分类器得到的决策边界

2019/08/21 Python

Python scrapy增量爬取实例及实现过程解析

2019/12/24 Python

PYcharm 激活方法(推荐)

2020/03/23 Python

构建高效的python requests长连接池详解

2020/05/02 Python

Python自定义聚合函数merge与transform区别详解

2020/05/26 Python

Python项目跨域问题解决方案

2020/06/22 Python

Tensorflow全局设置可见GPU编号操作

2020/06/30 Python

全球最大的瓷器、水晶和银器零售商：Replacements

2020/06/15 全球购物

计算机科学与技术应届生求职信

2013/11/07 职场文书

会计岗位职责模板

2014/03/12 职场文书

党在我心中演讲稿

2014/09/02 职场文书

八荣八耻演讲稿

2014/09/15 职场文书

幼儿园毕业致辞

2015/07/29 职场文书

MySQL之DML语言

2021/04/05 MySQL

Python使用UDP实现720p视频传输的操作

2021/04/24 Python

golang通过递归遍历生成树状结构的操作

2021/04/28 Golang