zoukankan      html  css  js  c++  java
  • 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提交文本内容时,内容超过规定的三十个字符就会有提示框,然后自动将多余的内容删除!

  • 相关阅读:
    探究 encode 和 decode 的使用问题(Python)
    C语言结构体在内存中的存储情况探究------内存对齐
    文件基本操作 (C语言)
    利用Xamaria构建Android应用-公交发车信息屏
    ChakraCore ,Net托管编程
    Go并发与.Net TAP
    码农视角
    让isis支持高德地图
    Fedora Server 上配置 MariaDb 集群
    .Net Sokcet 异步编程
  • 原文地址:https://www.cnblogs.com/fuge/p/2601439.html
Copyright © 2011-2022 走看看