textarea中限制输入字符个数的问题，顶者有分！

<script   language="javascript">   
  function   textCounter(content)   {     
    if   (content.length   >   1000)   document.zb.Content.value=document.zb.Content.value.substring(0, 1000);    
  }   
  </script>   
    
  <textarea   name="Content"   cols="50"   rows="10"   onPropertyChange="textCounter(form1.content.value)"></textarea>
<

解决方案 »

  1.   


    <html>
    <head>
    </head>
    <script type="text/javascript">
    function validate(obj)
    {
    if(obj.value.length >= 10)
    {
    alert("you can olny input less than 1000 characters!");
    event.returnValue=false;     
    }
    }
    </script>
    <body>
    <textarea id="xxxid" name="xxxname" rows="5" cols="60"   onkeydown="validate(this);">
    </textarea>
    </body>
    </html>
      

  2.   

    <html>
    <head>
    </head>
    <script type="text/javascript">
    function validate(obj)
    {
    if(obj.value.length >= 10)
    {
        
    obj.setAttribute('disabled', 'disabled');
    //alert("you can olny input less than 1000 characters!");
    }
    }
    </script>
    <body>
    <textarea id="xxxid" name="xxxname" rows="5" cols="60"   onkeyup="validate(this);">
    </textarea>
    </body>
    </html>
      

  3.   

    我也来一个
    <html>
    <head>
    </head>
    <script type="text/javascript">
    function validate(obj)
    {
    if(obj.value.length >= 100)
    {
        
    obj.setAttribute('disabled', 'disabled');
    //alert("you can olny input less than 100 characters!");
    }
    }
    </script>
    <body>
    <textarea id="xxxid" name="xxxname" rows="5" cols="60"   onkeypress="validate(this);">
    </textarea>
    </body>
    </html>；）
      

  4.   

    <html>
    <head>
    </head>
    <script type="text/javascript">
    /**
    *checkMaxLength.
    *JK 2006-11-26
    */
    function checkMaxLength(textareaObj,maxLength)
    {
    if(maxLength == null) maxLength=textareaObj.getAttribute("maxLength");
    if(maxLength == null) maxLength=1024;
    var currentLength = textareaObj.value.length;
    if (currentLength > maxLength) {
    alert("The length of your input ("+currentLength+") is larger than the maxLength ("+maxLength+") .");
    if(textareaObj.createTextRange){
    var textRange=textareaObj.createTextRange();
    var enterMatch=textareaObj.value.substr(0,maxLength).match(/\n/ig);
    var enterNum=0;
    if(enterMatch) enterNum=enterMatch.length
    textRange.moveStart('character',maxLength-enterNum);
    textRange.select();
    }
    else textareaObj.select();
    textareaObj.focus();
    return false;
    }
    return true;
    }</script>
    <body>
    <textarea id="xxxid" name="xxxname" rows="5" cols="60"   onblur="checkMaxLength(this);" maxLength=100 >
    </textarea>
    </body>
    </html>
      

  5.   

    <textarea name="Content" cols="50" rows="10" onPropertyChange="textCounter(form1.content.value)"></textarea>这个在IE里很好用 但是在firefox里不支持这个onPropertyChange，大家知道有没有同样功能的替代者？
      

  6.   

    <script Language="JavaScript">
    maxLen = 1000; 
    function checkMaxInput(form){  
    if (form.message.value.length > maxLen){ 
                form.message.value = form.message.value.substring(0, maxLen); 
    } else { 
                form.remLen.value = maxLen - form.message.value.length; 
    }
    }
    </script>
    <textarea name=message wrap=physical cols=28 rows=8 onKeyDown="checkMaxInput(this.form)"></textarea>兄弟  我想我这个是比较简单的吧
      

  7.   

    你要是不需要一个文本框表示剩余字数的话那
    <script Language="JavaScript">
    maxLen = 1000; 
    function checkMaxInput(form){  
    if (form.message.value.length > maxLen){ 
                form.message.value = form.message.value.substring(0, maxLen); 
    } 
    </script>
    <textarea name=message wrap=physical cols=28 rows=8 onKeyDown="checkMaxInput(this.form)"></textarea>就行了 特别简单
      

  8.   

    <html>
    <head>
    </head>
    <script type="text/javascript">
    function validate(obj)
    {
    if(obj.value.length >= 10)
    {
    alert("you can olny input less than 1000 characters!");
    event.returnValue=false;     
    }
    }
    </script>
    <body>
    <textarea id="xxxid" name="xxxname" rows="5" cols="60"   onkeydown="validate(this);">
    </textarea>
    </body>
    </html>比较方便``效率也高`
      

  9.   

    <html>
    <head>
    </head>
    <script type="text/javascript">
    function validateTextCounter(obj,maxlimit)
    {
    var maxlimit = 10;
    if (obj.value.length > maxlimit) 
    {
    // alert("最多只能输入10个字符");
    obj.value = obj.value.substring(0,maxlimit);
    }
    }
    </script>
    <body>
    <textarea id="xxxid" name="xxxname" rows="5" cols="60" 
     onkeyup="validateTextCounter(this);" onchange="validateTextCounter(this);"></textarea>
    </body>
    </html>就用的这个，粘贴内容进去也一样可以验证，蛮好用的。本来onPropertyChange是最好用的，但FF里面不支持，就没用了