--------------------------------------------------------------------------------------
 
<s:textarea name="doc.intro" id="intro" rows="3" cssStyle="width: 505px;" onkeyup="validateLength(this)" onblur="validateLength(this)"></s:textarea>
 
 //验证textare输入长度
 function validateLength(arg){
  var intro = arg.innerHTML.replace(/^\s+|\s+$/g,"");
  if(intro.length>512){
   arg.innerHTML=intro.substr(0,512);
  }
 }
-------------------------------------------------------------------------------------
o 如果只是單純地想限制 textarea 中的字數，不想寫太多的話，可用：
 
<textarea onkeyup="this.value = this.value.slice(0, 80)"></textarea>
 
或
 
<textarea onkeyup="this.value = this.value.substring(0, 80)"></textarea>
 
 
o 在 textarea 的 onkeyup 中檢查字數之方法：
 
.....
<script language="javascript" type="text/javascript">
function DjCheckMaxlength(oInObj)
{
 var iMaxLen = parseInt(oInObj.getAttribute('maxlength'));
 var iCurLen = oInObj.value.length;
 
 if ( oInObj.getAttribute && iCurLen > iMaxLen )
 {
   oInObj.value = oInObj.value.substring(0, iMaxLen);
 }
} //@ END OF DjCheckMaxlength()
</script>
.....
<textarea maxlength="80" onkeyup="return DjCheckMaxlength(this);"></textarea>
.....
 
 
o 設定好自動去檢查所有的 textarea 之方法：
 
.....
<head>
<script language="javascript" type="text/javascript">
function DjTextArea_AddMaxlengthAttr()
{
 var aX = document.getElementsByTagName_r('textarea');
 
 for ( var iI = 0; aX.length > iI; iI++ )
 {
   if ( aX[iI].getAttribute('maxlength') )
   {
     aX[iI].onkeyup = aX[iI].onchange = DjTextArea_CheckMaxlength;
   }
 }
} //@ END OF DjTextArea_AddMaxlengthAttr()
 
function DjTextArea_CheckMaxlength()
{
 var iMaxLen = parseInt(this.getAttribute('maxlength'));
 var iCurLen = this.value.length;
 
 if ( this.getAttribute && iCurLen > iMaxLen )
 {
   this.value = this.value.substring(0, iMaxLen);
 }
} //@ END OF DjTextArea_CheckMaxlength()
</script>
</head>
.....
<body onload="DjTextArea_AddMaxlengthAttr();">
 
 
 
首先在textarea 上定义一个 maxlength 属性：
 
<textarea rows="3" cols="40" maxlength="200" onkeydown="checklength(this);"></textarea>
 
然后添加这个方法就行了！
 
function checklength(obj) {
   var max = obj.maxlength;
   if(max == null || max == "" || max == undefined) {
     return;
   }
   if(obj.value.length > max) {
     alert("请不要超过最大长度:" + max);
    obj.value=obj.value.substring(0,(max-1));
     return;
   }
 }
挺方便吧！！！

textArea中的maxlength是无效的 解决办法的更多相关文章

  1. rails中validates_confirmation_of验证方法无效的解决办法

    rails的model中提供了很多种自带的验证方法,validates_confirmation_of可以验证变量xxx和xxx_confirmation是否相等:这可以用于验证2遍输入的密码是否一致 ...

  2. openerp-server.conf 中配置 dbfilter 参数无效的解决办法

    来自:http://shine-it.net/index.php/topic,14517.html 以前就发现过这个问题, 今天重新在群里同大家讨论了一下. 有时候可能我们希望用户不从登陆界面的账套选 ...

  3. Pycharm中不支持中文编码的解决方案。Pycharm中文报错。 Pycharm出现的部分快捷键无效及解决办法

    Pycharm中不支持中文编码的解决方案.Pycharm中文报错. 1. 打开Pycharm ---->  File ----> Default setting ------> Ed ...

  4. 解析php file_exists无效的解决办法

    php中file_exists无效的解决办法. 方法1 :据官方手册上描述若php教程的safe mode相关的设置过于苛刻,就会出现这样的情形:尽管文件真实存在也被误报,认为文件不存在. 由于服务器 ...

  5. Android layout_margin 无效的解决办法

    http://www.aichengxu.com/view/31025 1.如果LinearLayout中使用Android:layout_marginRight不起作用,通过测试原来在android ...

  6. 360或者金山毒霸可能会导致HP网络打印机驱动安装失败“数据无效”的解决办法

    360或者金山毒霸可能会导致HP网络打印机驱动安装失败“数据无效”的解决办法     同事办公室的打印机是网线接口的那种网络打印机,不是直接连到电脑的那种,他电脑安装了360和金山毒霸,WIN10下安 ...

  7. Vue微信自定义分享时安卓系统config:ok，ios系统config:invalid signature签名错误，或者安卓和ios二次分享时均config:ok但是分享无效的解决办法

    简述需求:要求指定页面可以进行微信自定义分享(自定义标题,描述,图片,链接),剩下的页面隐藏所有基础接口.二次分享依然可以正常使用,切换至其他页面也可以正常进行自定义分享. 这两天在做微信自定义分享的 ...

  8. eclipse配置Tomcat和Tomcat出现无效端口解决办法

    一.eclipse配置Tomcat 1. 按图选择window-preferences 2在server处选择runtime environment . 3.点击右侧add,选择自己的Tomcat版本 ...

  9. IIS关于“ 配置错误 不能在此路径中使用此配置节”的解决办法

    IIS关于“ 配置错误 不能在此路径中使用此配置节”的解决办法 原文链接:http://www.cnblogs.com/200325074/p/3679316.html 今天刚安装好IIS8.5, 我 ...

随机推荐

  1. Centos7 Erlang Solutions 安装

    https://www.erlang-solutions.com/resources/download.html Installation using repository 1. Adding rep ...

  2. java中容器的学习与理解

    以前一直对于java中容器的概念不理解,虽然学习过,但始终没有认真理解过,这几天老师提出了这样一个问题,你怎么理解java中的容器.瞬间就蒙了.于是各种搜资料学习了一下,下面是我学习后整理出来的的一些 ...

  3. Zabbix在CentOS7上的安装方法:

    ).zabbix-server 要安装zabbix-server首先需要安装MySQL数据库,当然你可以将MySQL换成其他的数据库 1.1)创建zabbix数据库:CREATE DATABASE z ...

  4. RabbitMQ(5) 事务&生产者确认

    事务&生产者确认 一般情况下,生产者将消息发送后,继续进行别的业务逻辑处理.消息从生产者发送后,可能由于网络原因丢失,也可能因为RabbitMQ服务端奔溃未被处理...总之,对于 消息是否安全 ...

  5. 实现一个简单的lazyman

    function lazyman(name) { return new lazyman.fn.init(name); } lazyman.fn = lazyman.prototype = { cons ...

  6. zookeeper数据一致性与paxos算法

    数据一致性与paxos算法 据说Paxos算法的难理解与算法的知名度一样令人敬仰,所以我们先看如何保持数据的一致性,这里有个原则就是: 在一个分布式数据库系统中,如果各节点的初始状态一致,每个节点都执 ...

  7. Linux：grep命令详解

    grep grep(global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具, ...

  8. Jira简单使用操作指引20150605

    1.选择项目 2.点击[问题]——>[所有问题] 3.选择状态(一般开发关注[新增.处理中],测试关注[已解决.已作废]) 4.选择[more],勾选[解决版本].[影响版本].[解决人],我们 ...

  9. visual studio code 命令集合

    title: "netcore命令行汇总" layout: post date: 2017-09-18 13:22:00" categories: netcore --- ...

  10. （一）使用IDEA新建一个最简单的JavaWeb项目，Maven管理

    1.项目环境 IDEA:2016.2 JDK:1.8.0_76 Maven:3.2.5 2.File-->New-->Project-->Maven 3.选择Project SDK: ...