zoukankan      html  css  js  c++  java
  • js统计文本框剩余可输入字数

    js统计文本框剩余可输入字数

    <html>
    <head runat="server">
    <title></title>
    <script type="text/javascript">

    var maxstrlen = 16;
    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>

  • 相关阅读:
    23种设计模式
    外部排序:选择置换、败者树
    java代理模式
    java中抽象类和接口的异同(原文作者:博客园 海子)
    java中的垃圾回收
    进程
    C标准库-数值字符串转换与内存分配函数
    文件操作
    字符串操作
    C指针(二)
  • 原文地址:https://www.cnblogs.com/wangkongming/p/7640863.html
Copyright © 2011-2022 走看看