--------------------------------------------------------------------------------------
 
<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. Linux 策略路由配置

    策略路由配置 #编辑rt_tables echo "192 net_192 " >> /etc/iproute2/rt_tables echo "196 ne ...

  2. QuerySetAPI笔记

    学习Django时做的笔记MarkDown文件点这里 # 模型.objects:这个对象是`django.db.models.manager.Manager`的对象,这个类是一个空壳类,他上面的所有方 ...

  3. 【Wannafly挑战赛9-A】找一找

    链接:https://www.nowcoder.net/acm/contest/71/A 题目描述 给定n个正整数,请找出其中有多少个数x满足:在这n个数中存在数y=kx,其中k为大于1的整数 输入描 ...

  4. Java基础学习-常见API

    package commonAPIs; /*java.lang 类 Object java.lang.Object public class Object类 Object 是类层次结构的根类.每个类都 ...

  5. Redis数据库的学习及与python的交互

    1. 数据库简介: 当前主要使用两种类型的数据库:关系型数据库(RDBMS).非关系型数据库(NoSQL); (1). 关系型数据库RDBMS: 是建立在关系模型基础上的数据库,借助于集合代数等数学概 ...

  6. Shell学习笔记——算数运算与条件测试

    算数运算 1. 使用let命令 #!/sbin/bash var1=2 var2=3 let sum=var1+var2 echo $sum 使用let命令式,变量前不需要加$号 只用于整数运算,不适 ...

  7. 2017-2018-2 20165202 实验四《Android程序设计》实验报告

    一.实验报告封面 二.实验内容 1.基于Android Studio开发简单的Android应用并部署测试; 2.了解Android.组件.布局管理器的使用: 3．掌握Android中事件处理机制. ...

  8. vue.js 源代码学习笔记 ----- 工具方法 error

    import config from '../config' import { warn } from './debug' import { inBrowser } from './env' // 这 ...

  9. GridView 控制默认分页页码间距 及字体大小

    GridView 控制默认分页页码间距 及字体大小 PagerCss TD A:hover { WIDTH: 20px; COLOR: black; padding-left: 4px; paddin ...

  10. JVM运行时数据区和垃圾回收机制

    最近参考各种资料,尤其是<深入理解Java虚拟机 JVM高级特性和最佳实践>,大牛之作.把最近学习的Java虚拟机组成和垃圾回收机制总结一下. 你不会的都是新知识,学无止境,每天进步一点点 ...