JS限制Textarea文本域字符个数的具体实现


Posted in Javascript onAugust 02, 2013
   <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)    
   //如果元素区字符数大于最大字符数,按照最大字符数截断;    
   fieldfield.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 相关文章推荐
Exitjs获取DataView中图片文件名
Nov 26 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
Jun 03 Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
jQuery延迟执行的实现方法
Dec 21 Javascript
微信小程序 石头剪刀布实例代码
Jan 04 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 #Javascript
JS解决ie6下png透明的方法实例
Aug 02 #Javascript
用innerhtml提高页面打开速度的方法
Aug 02 #Javascript
JQuery 获取json数据$.getJSON方法的实例代码
Aug 02 #Javascript
可简单避免的三个JS发布错误的详细介绍
Aug 02 #Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 #Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 #Javascript
You might like
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
PHP的mysqli_thread_id()函数讲解
2019/01/24 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
AngularJS基础 ng-model 指令详解及示例代码
2016/08/02 Javascript
Bootstrap CSS布局之表格
2016/12/17 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
Python时间模块datetime、time、calendar的使用方法
2016/01/13 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
Python实现随机创建电话号码的方法示例
2018/12/07 Python
使用python制作一个解压缩软件
2019/11/13 Python
配置python的编程环境之Anaconda + VSCode的教程
2020/03/29 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
python的flask框架难学吗
2020/07/31 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
荷兰游戏商店:Allyouplay
2019/03/16 全球购物
Java程序员面试90题
2013/10/19 面试题
继承权公证书
2014/04/09 职场文书
班风学风建设方案
2014/05/06 职场文书
电子信息工程自荐信
2014/05/26 职场文书
建筑工地宣传标语
2014/06/18 职场文书
毕业生找工作求职信
2014/08/05 职场文书
工程催款通知书
2015/04/17 职场文书
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android