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

许愿墙中用到的函数

Oct 07 Javascript

jquery的Tooltip插件 qtip使用详细说明

Sep 08 Javascript

AJAX 网页保留浏览器前进后退等功能

Feb 12 Javascript

JQuery插件fancybox无法在弹出层使用左右键的解决办法

Dec 25 Javascript

JavaScript获取页面中表单（form）数量的方法

Apr 03 Javascript

jquery动态增加删减表格行特效

Nov 20 Javascript

jquery限定文本框只能输入数字（整数和小数）

Jan 08 Javascript

jQuery弹层插件jquery.fancybox.js用法实例

Jan 22 Javascript

微信小程序本地存储及登录页面处理实例详解

Jan 11 Javascript

微信小程序网络请求wx.request详解及实例

May 18 Javascript

JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】

Feb 21 Javascript

jQuery实现中奖播报功能（让文本滚动起来）简单设置数值即可

Mar 20 jQuery

一个简单的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

风格模板初级不完全修改教程

2006/10/09 PHP

PHP中怎样防止SQL注入分析

2014/10/23 PHP

大家在抢红包，程序员在研究红包算法

2015/08/31 PHP

在php的yii2框架中整合hbase库的方法

2018/09/20 PHP

解决Laravel 使用insert插入数据，字段created_at为0000的问题

2019/10/11 PHP

JavaScript中的typeof操作符用法实例

2014/04/05 Javascript

jQuery中first()方法用法实例

2015/01/06 Javascript

JS获取及设置TextArea或input文本框选择文本位置的方法

2015/03/24 Javascript

Bootstrap学习笔记之css样式设计(1)

2016/06/07 Javascript

详解Vue.js——60分钟组件快速入门（上篇）

2016/12/05 Javascript

详解Vue组件实现tips的总结

2017/11/01 Javascript

Angular5给组件本身的标签添加样式class的方法

2018/04/07 Javascript

vue-resource请求实现http登录拦截或者路由拦截的方法

2018/07/11 Javascript

JavaScript：ES2019 的新特性(译)

2019/08/08 Javascript

JS出现404错误原理及解决方案

2020/07/01 Javascript

[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场

2018/08/19 DOTA

python 实现上传图片并预览的3种方法(推荐)

2017/07/14 Python

Python排序搜索基本算法之冒泡排序实例分析

2017/12/09 Python

Python浅复制中对象生存周期实例分析

2018/04/02 Python

python实现遍历文件夹修改文件后缀

2018/08/28 Python

在python中只选取列表中某一纵列的方法

2018/11/28 Python

django多对多表的创建，级联删除及手动创建第三张表

2019/07/25 Python

浅谈django2.0 ForeignKey参数的变化

2019/08/06 Python

numpy:np.newaxis 实现将行向量转换成列向量

2019/11/30 Python

Flask缓存静态文件的具体方法

2020/08/02 Python

基于PyInstaller各参数的含义说明

2021/03/04 Python

什么是makefile? 如何编写makefile?

2013/01/02 面试题

中医药大学毕业生自荐信

2013/11/08 职场文书

矫正人员思想汇报

2014/01/08 职场文书

财务总监管理职责范文

2014/03/09 职场文书

幼儿园大班个人总结

2015/02/28 职场文书

2015年母亲节寄语

2015/03/23 职场文书

幼儿园教师个人工作总结2015

2015/05/12 职场文书

2015年政协委员工作总结

2015/05/20 职场文书

python入门之算法学习

2021/04/22 Python

一篇文章弄清楚Ajax请求的五个步骤

2022/03/17 Javascript