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

jquery JSON的解析方式

Jul 25 Javascript

JS控件ASP.NET的treeview控件全选或者取消(示例代码)

Dec 16 Javascript

JavaScript对象创建模式实例汇总

Oct 03 Javascript

JS前端笔试题分析

Dec 19 Javascript

javascript 实现文本使用省略号替代（超出固定高度的情况）

Feb 21 Javascript

微信小程序中页面FOR循环和嵌套循环

Jun 21 Javascript

javascript观察者模式实现自动刷新效果

Sep 05 Javascript

AngularJS使用$http配置对象方式与服务端交互方法

Aug 13 Javascript

vue加载完成后的回调函数方法

Sep 07 Javascript

微信小程序如何加载数据库真实数据的实现

Mar 04 Javascript

JS检测浏览器开发者工具是否打开的方法详解

Oct 02 Javascript

html+vue.js 实现漂亮分页功能可兼容IE

Nov 07 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

关于手调机和数调机的选择

2021/03/02 无线电

PHP有序表查找之插值查找算法示例

2018/02/10 PHP

php+iframe 实现上传文件功能示例

2020/03/04 PHP

利用js对象弹出一个层

2008/03/26 Javascript

jQuery制作拼图小游戏

2015/01/12 Javascript

jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)

2016/01/29 Javascript

JavaScript继承学习笔记【新手必看】

2016/05/10 Javascript

DataTables添加额外的查询参数和删除columns等无用参数实例

2017/07/04 Javascript

基于Vue实例生命周期(全面解析)

2017/08/16 Javascript

jq源码解析之绑在$,jQuery上面的方法(实例讲解)

2017/10/13 jQuery

vue组件jsx语法的具体使用

2018/05/21 Javascript

Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)

2018/08/16 Javascript

微信小程序实现页面浮动导航

2019/01/28 Javascript

es6函数name属性功能与用法实例分析

2020/04/18 Javascript

vue-列表下详情的展开与折叠案例

2020/07/28 Javascript

express异步函数异常捕获示例详解

2020/11/30 Javascript

django框架使用方法详解

2019/07/18 Python

python 五子棋如何获得鼠标点击坐标

2019/11/04 Python

pytorch之添加BN的实现

2020/01/06 Python

python+selenium+PhantomJS抓取网页动态加载内容

2020/02/25 Python

python实现扫雷小游戏

2020/04/24 Python

Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)

2020/10/15 Python

HTML5操作WebSQL数据库的实例代码

2017/08/26 HTML / CSS

Vince官网：全球著名设计师品牌，休闲而优雅的服饰

2017/01/15 全球购物

英国男士时尚网站：Dandy Fellow

2018/02/09 全球购物

Linux的文件类型

2016/07/05 面试题

软件设计的目标是什么

2016/12/04 面试题

什么是Web Service？

2012/07/25 面试题

建龙钢铁面试总结

2014/04/15 面试题

岗位职责风险防控

2014/02/18 职场文书

县委党的群众路线教育实践活动工作情况报告

2014/10/25 职场文书

2014年行政部工作总结

2014/11/19 职场文书

幼儿园教研工作总结2015

2015/05/12 职场文书

丧事主持词

2015/07/02 职场文书

vue中this.$http.post()跨域和请求参数丢失的解决

2022/04/08 Vue.js

MYSQL如何查看操作日志详解

2022/05/30 MySQL