zoukankan      html  css  js  c++  java
  • 给textarea增加长度的限制

    一  我们知道文本框可以有一个为maxlength的属性,可以限制文本框的长度,当时备注框textarea却没有,那么
    要怎样限制备注框的长度呢?其实很简单,只有加上想这样一句话onKeyDown='if (this.value.length>=20){event.returnValue=false}'
    就可以了,整个写法如下:
    <textarea name="A" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'>aaaa</textarea>
        我们也可以将判断写在函数中,如果输入的长度超过显示,就显示提示信息,如下:
    <html>
     <body>
      <form name = "testform">
       <textarea name="A" cols="45" rows="2" >aaaa</textarea>
       <input type="button" onclick = "checkValid()" value= "提交">
      </form>
     </body>
    </html>
    <script language="javascript">
    function checkValid()
    {
     var a = document.testform.A;
     
     if(a.value.length > 20)
     {
      alert("输入的备注框长度不能超过20个字符!");
      return false;
     }
     return true;
    }
    </script>

    二对于多行文本框输入长度限制解决方案
    maxLen = 255;
     // max number of characters allowed
    function checkMaxInput(txt)

        if (txt.value.length > maxLen) // if too long.... trim it! 
        txt.value = txt.value.substring(0, maxLen); // otherwise, update 'characters left' counter 
        //else document.getElementById('remLen').innerText = maxLen - form.txtContent.value.length;
    }

    同时在给该文本框添加两个事件(在aspx页面直接添加即可)
     onKeyDown="checkMaxInput(this)"
     onKeyUp="checkMaxInput(this)"


  • 相关阅读:
    ubutu安装phonegap 后出现/usr/bin/env:node No such file or directory的错误
    Ubuntu 14.04 x64 安装 Android SDK
    ubuntu64安装ia32-libs
    redis 配置
    flask部署阿里云
    爬虫数据存储
    selnuim 使用
    python 爬虫解析_1_
    scrapy 数据存储mysql
    scrapy 小案例
  • 原文地址:https://www.cnblogs.com/sutengcn/p/338790.html
Copyright © 2011-2022 走看看