• js限定多行文本框字符个数


    网上摘录简洁的js代码:

    <script type="text/javascript">
    function checkLength(which) {
        var maxChars = 10; 
        if (which.value.length > maxChars)
        {
            alert("字数过多的提示");
            // 超过限制的字数了就将 文本框中的内容按规定的字数 截取
            which.value = which.value.substring(0,maxChars);
            return false;
        }
        else
        {
            var curr = maxChars - which.value.length; //10 减去 当前输入的
          document.getElementByIdx_x("sy").innerHTML = curr.toString();//显示剩余个数
            return true;
        }
    }
    </script>

    HTML:

     <asp:TextBox ID="TextBox1" runat="server" Height="121px" TextMode="MultiLine"
                Width="317px" onkeyup="checkLength(this);"></asp:TextBox>
            限制字数为:10 剩余字数:<span id="sy" style="color:Red;">10</span>

    网上拷贝的js代码:

     function getBalance(str) {
            var length = document.getElementById("txtcause").maxLength;
            var strlength = str.length;
            document.getElementById("divapply").innerHTML = "还可以输入" + (length - strlength) + "个字符";
        }
        function maxCheck(ele, maxLength) {
            var maxLengh_Bak = maxLength;
            var length = ele.value.length;
            var i;
            for (i = 0; i < length; i++) {
                if (/^[\u4E00-\u9FA5]+$/g.test(ele.value.charAt(i))) {
                    maxLength = maxLength - 2;
                }
                else {
                    maxLength--;
                }
                if (maxLength < 0) {
                    alert("长度不能超过" + maxLengh_Bak + "个字符");
                    ele.value = ele.value.slice(0, i);
                    return;
                }
             }
            return;
        }

    html:多行文本框

    <div id="divapply"> <asp:TextBox ID="txtcause" runat="server" Height="146px" TextMode="MultiLine" MaxLength="30" Width="322px"onkeypress="getBalance(this.value);"  onchange="maxCheck(this,30);"></asp:TextBox></div>
    

    code功能详解:只有当button提交文本内容时,内容超过规定的三十个字符就会有提示框,然后自动将多余的内容删除!

  • 相关阅读:
    Java Logging: Log Levels
    Java Logging: Logger Hierarchy
    Java Logging: Logger
    Java Logging: Basic Usage
    Use final liberally
    Writing Final Classes and Methods
    Java Logging: Overview
    base Tag
    DOM Nodes
    Browser environment
  • 原文地址:https://www.cnblogs.com/fuge/p/2601439.html
Copyright © 2020-2023  润新知