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 相关文章推荐
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
Feb 03 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
jQuery之ajax技术的详细介绍
Jun 19 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
Jul 02 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
Aug 11 Javascript
JSONP跨域请求
Mar 02 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
vue实现lodop打印功能的示例
Nov 11 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
DOM XPATH获取img src值的query
2013/09/23 PHP
php实现图片转换成ASCII码的方法
2015/04/03 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
2012/02/03 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
JQuery悬停控制图片轮播——代码简单
2015/08/05 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
Javascript模拟实现new原理解析
2020/03/03 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场
2018/04/05 DOTA
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
python+matplotlib绘制饼图散点图实例代码
2018/01/20 Python
python安装教程
2018/02/28 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
python numpy实现rolling滚动案例
2020/06/08 Python
Html5实现如何在两个div元素之间拖放图像
2013/03/29 HTML / CSS
开会迟到检讨书
2014/02/03 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
2014年医院工作总结
2014/11/20 职场文书
java实现对Hadoop的操作
2021/07/01 Java/Android