JavaScript表單驗證，輸入中文時字符長度為2

獲取輸入框中的字符長度進行表單驗證，當輸入英文時字符長度就是1，當輸入中文時字符長度為2。

 

字符數為4~16位，

上圖：

 

一個中文抵兩英文。

 

上代碼

 

btn.addEventListener('click',ov,false);

            function ov(){
                var inputValue = text.value.trim();
                //去掉最前最后的空格
                if (countLength(inputValue) < 4 || countLength(inputValue) > 16) {
                    //判斷長度是否在4-16之間
                    pro.innerHTML = '名稱格式錯誤';
                    pro.className = 'pro warn';
                    text.className = 'warn';
                }else{
                    pro.innerHTML = '名稱格式正確';
                    pro.className = 'pro cor';
                    text.className = 'cor';
                }
            }

            function countLength(str){
                var inputLength = 0;
                //給一個變量來記錄長度
                for (var i = 0; i < str.length; i++) {
                    var countCode = str.charCodeAt(i);
                    //返回指定位置的字符的Unicode編碼
                    //判斷是不是ASCII碼,Unicode碼前128個字符是ASCII碼
                    if (countCode >= 0 && countCode <= 128) {
                        inputLength ++;
                    }else{
                        inputLength +=2;
                        //如果是擴展碼，則一次+2
                    }
                }
                return inputLength;
            }