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语句中的CDATA标签的意义
May 09 Javascript
Js 获取Gridview选中行的内容操作步骤
Feb 05 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 Javascript
javaScript实现滚动条事件详解
Mar 24 Javascript
vue+springmvc导出excel数据的实现代码
Jun 27 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
一个简单的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
PHP使用php-resque库配合Redis实现MQ消息队列的教程
2016/06/29 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
2017/10/17 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
2019/04/30 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
2020/11/03 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
2020/12/10 Vue.js
[10:53]2018DOTA2国际邀请赛寻真——EG
2018/08/11 DOTA
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
Python实现自动上京东抢手机
2018/02/06 Python
pytorch获取模型某一层参数名及参数值方式
2019/12/30 Python
使用Pytorch来拟合函数方式
2020/01/14 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
Giglio俄罗斯奢侈品购物网:男士、女士、儿童高级时装
2018/07/27 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
机修工岗位职责
2013/11/24 职场文书
公司股权转让协议书
2014/04/12 职场文书
数字化校园建设方案
2014/05/03 职场文书
公司年夜饭通知
2015/04/25 职场文书
MySQL 数据类型详情
2021/11/11 MySQL
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android
图神经网络GNN算法
2022/05/11 Python