javascript判断输入汉字字符个数小技巧

最新推荐文章于 2024-02-05 10:28:53 发布

原创最新推荐文章于 2024-02-05 10:28:53 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xhtml #html #button #ie

本文介绍了一种使用JavaScript来精确计算包含汉字的字符串长度的方法。通过匹配Unicode范围内的汉字字符，该方法能够准确地计算出每个汉字占两个字符宽度，而非汉字字符则按单个字符计数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript判断输入汉字字符小技巧</title>
<script>
function strlen() { //在IE8 兼容性模式下不会报错
    var s = 0;
var str=document.getElementById("txt1").value;
    for(var i = 0; i < str.length; i++) {
        if(str.charAt(i).match(/[/u0391-/uFFE5]/)) {
            s += 2;
       } else {
            s++;
        }
    }
    alert(s);
}
</script>
</head>
<body>
<input type="text" value="" id="txt1"/>
<input type="button" value="确认" onclick="strlen()" />
</body>
</html>