zoukankan      html  css  js  c++  java
  • 输入字符限制

    <div style="position:absolute; top:20%; left:30%;">
        <textarea style=" 200px; height:100px;" onpropertychange="onKeyDown(this,200)" ></textarea>
        <br />
        <span>已输入字符: </span>
        <span>0/200</span>
    </div>

    <script language="javascript">
    /*
    *函数名: onKeyDown
    *功能:  判断文本框输入长度,如果长度大于maxLength数字,span标签字体变为红色
    *参数:  obj-textarea对象(有子标签),maxLength-标签提示文字变色最大长度
    *返回值: true-执行成功,false-执行失败
    */
    function onKeyDown(obj,maxLength/*最大长度,超过提示错误信息*/)
    { //onpropertychange
     if (!obj || !obj.parentElement )
     {
      //没有textarea或span出错则返回
      alert("OBJECT NULL");
      return false; 
     }

     var parentObj = obj.parentElement;
     var inputedLength = obj.value.length ;
     var textNumLabel = inputedLength + "/" + maxLength;
     parentObj.getElementsByTagName("span")[1].innerHTML = textNumLabel;
     
     if (inputedLength <= maxLength)
     {
      parentObj.getElementsByTagName("span")[1].style.color = "000000";
     }
     else
     {
      parentObj.getElementsByTagName("span")[1].style.color = "ff0000";
     }
     return true;
    }

    </script>

  • 相关阅读:
    C# FileStream 文件复制
    DataSnap Server 客户端调用 异常
    抛出异常 exception
    RAD Tokyo 10.2.2
    delphi ios info.plist
    sql 日期格式
    sql server 2014登录账号
    sql server导入excel数据
    dev16 cxgrid 在DLL里报0地址错
    sql server 查看所有表记录数
  • 原文地址:https://www.cnblogs.com/lcuzhanglei/p/2513219.html
Copyright © 2011-2022 走看看