JS 记录输入字数

最新推荐文章于 2023-01-11 09:09:44 发布

qq_39529324

最新推荐文章于 2023-01-11 09:09:44 发布

阅读量393

点赞数

文章标签： JS记录文字字数

本文链接：https://blog.csdn.net/qq_39529324/article/details/81010918

版权

<!DOCTYPE html>
<html>
<head>
    <title>js判断输入字符串长度（汉字算两个字符，字母数字算一个）</title>
    <style type="text/css">
        .pbt {
            margin-bottom: 10px;
        }

        .ie6 .pbt .ftid a, .ie7 .pbt .ftid a {
            margin-top: 1px;
        }

        .cl:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }
    </style>
    <script type="text/javascript">
    window.οnlοad=function ClearTextArea(){
         document.getElementById("subject").value="";
      }

        //获取字符串长度（汉字算两个字符，字母数字算一个）
        function getByteLen(val) {
            var len = 0;
            for (var i = 0; i < val.length; i++) {
                var a = val.charAt(i);
                if (a.match(/[^\x00-\xff]/ig) != null) {
                    len += 2;
                }
                else {
                    len += 1;
                }
            }
            return len;
        }
        // 只要键盘一抬起就验证编辑框中的文字长度，最大字符长度可以根据需要设定
        function checkLength(obj) {
            var curr = getByteLen(obj.value);
            if (curr >= 80) {
                document.getElementById("checklen").innerHTML = curr.toString();
            } else {
                document.getElementById("checklen").innerHTML = '0';
                document.getElementById("subject").readOnly = true;
            }
        }
    </script>
</head>
<body>
    <div class="pbt cl">
        <textarea style="height: 100px" id="subject" maxlength="80" οnkeyup="checkLength(this)" accesskey="1" tabindex="11" placeholder="字母算一个字符,汉字算两个字符,最多可输入80个字符."></textarea>
        <span id="subjectchk">已经输入
        <strong id="checklen" style="color: #FF0000">0</strong>
            个字符
        </span>
        <span id="postNameRule" class="spn_flag_1" style="display: none"></span>
    </div>
   <form action="http://192.168.1.107:8082/textAjax1" enctype="multipart/form-data" method="post">
   <input type="file" name="uploadFile" id="uploadFile" />
   <form>
</body>
</html>

qq_39529324

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 记录输入字数

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;js判断输入字符串长度（汉字算两个字符，字母数字算一个）&lt;/title&gt; &lt;style type="text/css"&gt; .pbt { margin-bottom: 10px; }
复制链接

扫一扫