zoukankan      html  css  js  c++  java
  • JS控制文本框textarea输入字数限制的方法

    <html>

    <head runat="server">

    <title></title>

    <script type="text/javascript">

    var maxstrlen = 160;

    function Q(s) { return document.getElementById(s); }

    function checkWord(c) {

    len = maxstrlen;

    var str = c.value;

    myLen = getStrleng(str);

    var wck = Q("wordCheck");

    if (myLen > len * 2) {

    c.value = str.substring(0, i + 1);

    }

    else {

    wck.innerHTML = Math.floor((len * 2 - myLen) / 2);

    }

    }

    function getStrleng(str) {

    myLen = 0;

    i = 0;

    for (; (i < str.length) && (myLen <= maxstrlen * 2); i++) {

    if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)

    myLen++;

    else

    myLen += 2;

    }

    return myLen;

    }

    </script>

    </head>

    <body>

    <form id="form1" runat="server">

    <div style="font-size: 16px">

    控制输入框字符输入,计算输入字符总数,显示剩余字数;<br>

    一个英文字符算一个字符,一个中文字符算两个字符计算。

    </div>

    <div>

    <textarea onkeyup="javascript:checkWord(this);" onmousedown="javascript:checkWord(this);"

    name="content" style="overflow-y: scroll"></textarea>

    </div>

    <div>

    还可以输入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>个字符

    </div>

    </form>

    </body>

    </html>

  • 相关阅读:
    2019浙江理工校赛有感
    问题 G: 跳马棋
    问题 H: 象棋对局胜负
    问题 C: 远离原点
    问题 B: 合并车厢
    Hibernate 异常汇总
    设计模式
    1.2.1.2.1.12.34.3.1.34.1.2
    数据结构和算法之 查找
    数据结构和算法之排序算法
  • 原文地址:https://www.cnblogs.com/zhoumeng780/p/4891936.html
Copyright © 2011-2022 走看看