--------------------------------------------------------------------------------------
 
<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. HighCharts 特性；Highcharts 环境配置

    Highcharts Highcharts 是一个用纯JavaScript编写的一个图表库. Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表 Highchart ...

  2. 尝试优化骨骼动画计算的意外收获——使用嵌入式汇编对float转int进行优化

    本文为大便一箩筐的原创内容,转载请注明出处,谢谢:http://www.cnblogs.com/dbylk/p/4984530.html 公司引擎目前是使用CPU计算骨骼动画(采用了D3DX提供的函数 ...

  3. element UI 中DateTimePicker 回传时间选择

    之前在项目中用vue和element,日期和时间选择用的element2.0 的DateTimePicker 日期选择后提交没问题,在编辑页面通过后端返回时间字符串(敲黑板,这里是重点)绑定也没洒问题 ...

  4. jquery中prop和attr的区别

    jquery中prop和attr的区别 prop: prop(name|properties|key,value|fn) **概述** 获取在匹配的元素集中的第一个元素的属性值. 随着一些内置属性的D ...

  5. lseek使用说明

    lseek使用说明 表头文件#include<sys/types.h>#include<unistd.h> 定义函数off_t lseek(int filde,off_t of ...

  6. 极简MarkDown教程（常用样式）

    推荐编辑软件,NotePad++ & MarkDownViewer++(插件),以下内容为MarkDown格式,可自行放到编辑软件中查看,或在线查看 #### . 标题 > 用#+空格开 ...

  7. LeetCode OJ：Letter Combinations of a Phone Number（数字字母组合）

    Given a digit string, return all possible letter combinations that the number could represent. A map ...

  8. windows下的一些命令

    dir 相当于linux下的ls clear 清屏 netstat 活动连接 | 管道命令 findstr 查询类似linux的grep tasklist 查看进程列表 taskkill 杀死进程 d ...

  9. 了解jmeter

    JMeter是Apache组织的开放源代码项目,100%的用java实现应用.用于压力测试和性能测试.它最初被设计用于Web应用测试但后来扩展到其它测试领域. jmeter和loadrunner的对比 ...

  10. Python基础学习----字符串的常用方法

    # Python字符串 # 大多数的语言定义字符串是双引号,Python既可以双引号,也可以单引号.但使用也有区别 # 单双引号的使用 My_name="bai-boy" Demo ...