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

零基础学JavaScript最新动画教程+iso光盘下载

Jan 22 Javascript

使用SyntaxHighlighter实现HTML高亮显示代码的方法

Feb 04 Javascript

js change,propertychange,input事件小议

Dec 20 Javascript

jQuery中wrapAll()方法用法实例

Jan 16 Javascript

jquery动态创建div与input的实例代码

Oct 12 Javascript

Vue.js开发环境快速搭建教程

Mar 17 Javascript

npm 常用命令详解(小结)

Jan 17 Javascript

微信小程序保存多张图片的实现方法

Mar 05 Javascript

Layui 带多选框表格监听事件以及按钮自动点击写法实例

Sep 02 Javascript

JavaScript实现瀑布流布局的3种方式

Dec 27 Javascript

JavaScript this关键字的深入详解

Jan 14 Javascript

微信小程序APP页面的之间的相互传递参数以及自定义组件

Apr 19 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

The specified CGI application misbehaved by not returning a complete set of HTTP headers

2011/03/31 PHP

PHP实现CSV文件的导入和导出类

2015/03/24 PHP

typecho插件编写教程（四）：插件挂载

2015/05/28 PHP

php实现的Curl封装类Curl.class.php用法实例分析

2015/09/25 PHP

JavaScript与HTML结合的基本使用方法整理

2015/10/12 PHP

php查询操作实现投票功能

2016/05/09 PHP

Centos6.5和Centos7 php环境搭建方法

2016/05/27 PHP

Firefox window.close()的使用注意事项

2009/04/11 Javascript

jquery 的 $("#id").html() 无内容的解决方法

2010/06/07 Javascript

js中获取事件对象的方法小结

2011/03/13 Javascript

HTML Color Picker(js拾色器效果)

2013/08/27 Javascript

PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)

2015/08/06 Javascript

javascript瀑布流式图片懒加载实例解析与优化

2016/02/23 Javascript

微信小程序 UI布局常用技巧整理总结

2016/12/05 Javascript

vue2.0实现分页组件的实例代码

2017/06/22 Javascript

BootStrap 页签切换失效的解决方法

2017/08/17 Javascript

详解小程序缓存插件(mrc)

2018/08/17 Javascript

Fetch超时设置与终止请求详解

2019/05/18 Javascript

深入学习JavaScript中的bom

2019/05/27 Javascript

微信小程序可滑动月日历组件使用详解

2019/10/21 Javascript

python实现迭代法求方程组的根过程解析

2019/11/25 Javascript

jQuery实现可编辑的表格

2019/12/11 jQuery

JS获取表格视图所选行号的ids过程解析

2020/02/21 Javascript

小程序使用分包的示例代码

2020/03/23 Javascript

javascript 设计模式之组合模式原理与应用详解

2020/04/08 Javascript

python中List的sort方法指南

2014/09/01 Python

决策树的python实现方法

2014/11/18 Python

python中map()与zip()操作方法

2016/02/27 Python

Python 实现进度条的六种方式

2021/01/06 Python

英国电视和家用电器购物网站：rlrdistribution.co.uk

2018/11/20 全球购物

中国梦演讲稿开场白

2014/08/28 职场文书

2016清明节森林防火广播稿

2015/12/17 职场文书

幼儿教师继续教育培训心得体会

2016/01/19 职场文书

创业计划书之餐饮

2019/09/02 职场文书

eval(cmd)与eval($cmd)的区别与联系

2021/07/07 PHP

python内置模块之上下文管理contextlib

2022/06/14 Python