--------------------------------------------------------------------------------------
 
<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. pip 使用总结

    pip的安装: Windows Python2.7 以上的版本均自带pip,安装的时候记得勾选对应的选项即可. 安装easy_install, 通过easy_install pip 下载[easy_s ...

  2. Linux 忘记密码解决方法,Linux 远程登录

    一.Linux 忘记密码解决方法 很多朋友经常会忘记Linux系统的root密码,linux系统忘记root密码的情况该怎么办呢?重新安装系统吗?当然不用!进入单用户模式更改一下root密码即可. 步 ...

  3. dropload.js 上滑加载，下拉刷新

    https://github.com/ximan/dropload dropload a javascript implementation of pull to refresh and up to ...

  4. 029——VUE中键盘语义修饰符

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. Prism 4 文档 ---第10章 Silverlight和WPF之间共享代码

        本主题帮助你理解来自Prism的多目标和它的优缺点.多目标的代码针对两个不同的平台有大致相同的代码库.这允许同时保持代码尽可能多一样能够产生针对两种不同技术的二进制文件.在这种情况下,本节介绍 ...

  6. log4cpp第一个程序HelloWord

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  7. Unity 异步网络方案 IOCP Socket + ThreadSafe Queue

    Unity IOCP Socket + ThreadSafe Queue 1.Socket.BeginReceive系列接口在unityweb下是不正常的,页面刷新会导致问题 2.自己维护线程,会带来 ...

  8. 使用json path设置关联

    与正则表达式相比,这种方法会更简单一些: json path是在返回的是K-V的格式中根据key进行的关联,如果压的接口返回的是json的话,使用json path比较方便,如果不是json的话,就使 ...

  9. SQL Server插入或修改数据是中文乱码的问题

    SQL Server中乱码解决方案: 在Sql Server2005英文版中,如果未对Varchar类型的字段进行设置,那么很多朋友会发现向数据库中插入记录时,如果对应的varchar类型字段 的值为 ...

  10. CentOS 7.4搭建Kubernetes 1.8.5集群

    环境介绍 角色 操作系统 IP 主机名 Docker版本 master,node CentOS 7.4 192.168.0.210 node210 17.11.0-ce node CentOS 7.4 ...