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 相关文章推荐
uploadify 3.0 详细使用说明
Jun 18 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
再次谈论Javascript中的this
Jun 23 Javascript
javascript操作cookie
Jan 17 Javascript
js中Object.defineProperty()方法的不详解
Jul 09 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
Nov 14 Javascript
JavaScript禁用右键单击优缺点分析
Jan 20 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
Feb 28 Javascript
vue组件添加事件@click.native操作
Oct 30 Javascript
vue3.0 数字翻牌组件的使用方法详解
Apr 20 Vue.js
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
比较全的PHP 会话(session 时间设定)使用入门代码
2008/06/05 PHP
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
PHP实现的MongoDB数据库操作类分享
2014/05/12 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
2014/07/22 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
php生成Android客户端扫描可登录的二维码
2016/05/13 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
JS OffsetParent属性深入解析
2014/01/13 Javascript
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
浅析JavaScript中的对象类型Object
2016/05/26 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
2017/04/13 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
2018/04/26 Javascript
小程序简单两栏瀑布流效果的实现
2019/12/18 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
[01:56]无止竞 再出发——中国军团出征2017年DOTA2国际邀请赛
2017/07/05 DOTA
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Python 实现文件打包、上传与校验的方法
2019/02/13 Python
python小项目之五子棋游戏
2019/12/26 Python
python如何运行js语句
2020/09/09 Python
Emma Bridgewater官网:英国餐具制造商
2019/11/24 全球购物
应届护士推荐信
2013/11/16 职场文书
情人节活动策划方案
2014/02/27 职场文书
效能监察建议书
2014/05/19 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
1000字打架检讨书
2014/11/03 职场文书
遗失说明具结保证书
2015/02/26 职场文书
好好学习保证书
2015/02/26 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python
PyTorch 如何自动计算梯度
2021/05/23 Python
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android
Flink 侧流输出源码示例解析
2022/09/23 Servers