js判斷輸入字符串長度(漢字算兩個字符,字母數字算一個)


js判斷輸入字符串長度(漢字算兩個字符,字母數字算一個)

文本輸入時,由於數據庫表字段長度限制會導致提交失敗,因此想到了此方法驗證。

廢話不多說上代碼:

<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">
        //獲取字符串長度(漢字算兩個字符,字母數字算一個)
        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 maxChars = 80;//最多字符數     
            var curr = maxChars - getByteLen(obj.value);
            if (curr > 0) {
                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 id="subject" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11"></textarea>
        <span id="subjectchk">還可輸入
        <strong id="checklen" style="color: #FF0000">80</strong>
            個字符
        </span>
        <span id="postNameRule" class="spn_flag_1" style="display: none"></span>
    </div>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM