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

地址栏上的一段语句，改变页面的风格。（教程）

Apr 02 Javascript

番茄的表单验证类代码修改版

Jul 18 Javascript

js 异步操作回调函数如何控制执行顺序

Dec 24 Javascript

Javascript 实现复制（Copy）动作方法大全

Jun 20 Javascript

JS实现网页表格自动变大缩小的方法

Mar 09 Javascript

js中数组插入、删除元素操作的方法

Feb 15 Javascript

简单实现js拖拽效果

Jul 25 Javascript

Vue2.0用户权限控制解决方案

Nov 29 Javascript

使用vue2实现带地区编号和名称的省市县三级联动效果

Nov 05 Javascript

详解Vue中使用插槽（slot）、聚类插槽

Apr 12 Javascript

简单了解JavaScript弹窗实现代码

May 07 Javascript

html5调用摄像头截图功能

Jan 18 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

mysql时区问题

2008/03/26 PHP

2011/01/13 PHP

深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非

2013/06/05 PHP

php实现单笔转账到支付宝功能

2018/10/09 PHP

详细对比php中类继承和接口继承

2018/10/11 PHP

可输入的下拉框

2006/06/19 Javascript

JavaScript Tips 使用DocumentFragment加快DOM渲染速度

2010/06/28 Javascript

JS自定义功能函数实现动态添加网址参数修改网址参数值

2013/08/02 Javascript

JavaScript使用HTML5的window.postMessage实现跨域通信例子

2014/04/11 Javascript

jquery的trigger和triggerHandler的区别示例介绍

2014/04/20 Javascript

JavaScript取得键盘按下方向键是哪个的方法

2015/08/04 Javascript

javascript实现PC网页里的拖拽效果

2016/03/14 Javascript

jquery 动态增加,减少input表单的简单方法(必看)

2016/10/12 Javascript

微信小程序开发之toast等弹框提示使用教程

2017/06/08 Javascript

ES6 javascript的异步操作实例详解

2017/10/30 Javascript

JavaScript程序设计高级算法之动态规划实例分析

2017/11/24 Javascript

vue组件name的作用小结

2018/05/23 Javascript

详解创建自定义的Angular Schematics

2018/06/06 Javascript

微信小程序自定义音乐进度条的实例代码

2018/08/28 Javascript

JS/HTML5游戏常用算法之追踪算法实例详解

2018/12/12 Javascript

vue图片上传组件使用详解

2019/12/23 Javascript

Vue数字输入框组件示例代码详解

2020/01/15 Javascript

基于vue+echarts 数据可视化大屏展示的方法示例

2020/03/09 Javascript

[00:49]完美世界DOTA2联赛10月28日开团时刻：随便打

2020/10/29 DOTA

python使用reportlab画图示例（含中文汉字）

2013/12/03 Python

Python中asyncore异步模块的用法及实现httpclient的实例

2016/06/28 Python

VTK与Python实现机械臂三维模型可视化详解

2017/12/13 Python

详谈Python中列表list,元祖tuple和numpy中的array区别

2018/04/18 Python

python中将\\uxxxx转换为Unicode字符串的方法

2018/09/06 Python

Python如何使用函数做字典的值

2019/11/30 Python

基于python3的socket聊天编程

2020/02/17 Python

解释一下Windows的消息机制

2014/01/30 面试题

求职简历中个人的自我评价

2013/12/25 职场文书

如何撰写创业策划书

2019/06/27 职场文书

Python3.8官网文档之类的基础语法阅读

2021/09/04 Python

Nginx 502 bad gateway错误解决的九种方案及原因

2022/08/14 Servers