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>

  • 相关阅读:
    手机号/身份证加星处理
    手机号,邮箱等验证表达式
    导入Excel工具类
    ajax 跨域的解决 cors
    centos7 防火墙命令
    redis 常见问题总结
    数据库(1)
    设计模式和常用的设计模式
    mvc 模式 与各部分的实现
    线程基础(1)
  • 原文地址:https://www.cnblogs.com/wangkongming/p/7640863.html
Copyright © 2011-2022 走看看